Grabber dimension

[TT]

Hi, there is a way to set the dimension of the grabber for resize appointments?
I want the line button a little bit larger, it's possible?

[Shinu]

H,

Since grabber is a sprite image, you can customize it by overriding the default CSS as shown below.
CSS:

.RadScheduler_Default .rsTopIndicator .rsOvertimeArrow
{
 background-image: url("Images/img.gif") !important ;
}

Thanks,
Shinu.

[TT]

Thank you for the reply, it's a great solution.
But i try a different way, i set the padding property for a larger area:

.rsAptResize
        {
            padding-left: 12px;
        }

 it's works perfectly in the timelineview but not in the weekview with this code:
 .rsAptResize
        {
            padding-top: 12px;
        }
in the weekview appear two icons, you can see it in the image i attached.
Any suggestions?

[Boyan Dimitrov]

Hello Mattia,

Since grabber is a sprite image setting/modifying padding property may cause such unusual behavior as shown in the provided image.
In this case I would like to recommend you two options to choose from:

• Overriding a CSS default background-image property:

.rsAptResize
        {
            background-image: url("...your image path") !important;
        }

• Increasing the value of CSS height property would require modifying or creating a new sprite image to load elements background images from. 

Hope that this will lead you into right direction.

Regards,
Boyan Dimitrov
the Telerik team

[TT]

hi, i need help again.

for some appointments i set the border like this:

protected void RadScheduler1_AppointmentDataBound(object sender, Telerik.Web.UI.SchedulerEventArgs e)
{
                   if (...)
                {
                    e.Appointment.BorderColor = System.Drawing.Color.Green;
                    e.Appointment.BorderStyle = BorderStyle.Dotted;
                    e.Appointment.BorderWidth = Unit.Pixel(2);
                }
}

with this border it's shows a second line in the bottom, i attach the screenshot.
Seems like the grabber continues under the appointment
How can i resolve the issue?

[Boyan Dimitrov]

Hello,

It seems that there are some custom styles applied to your .rsAptResize class that are causing this unusual behavior.
As I mentioned in my very last response, I would suggest overriding a CSS default background-image property or creating a new sprite image to load elements background images from.

Attached you may find a screenshot of using the provided code snippet for setting a border to for my appointments. Please try to remove any custom styles applied to .rsAptResize in order to avoid that unusual behavior.


Regards,
Boyan Dimitrov
the Telerik team

[TT]

I removed all custom code for .rsAptResize
but it's still shows a second line in the bottom. I can't set a image for the grabber because i could have different color for the appointments.
Why if i set a border color it adds this line in the bottom?
How can i have a larger button for resize the appointment?

[Boyan Dimitrov]

Hello,

Since I am not able to reproduce this issue locally, please find attached a sample project that implements very similar scenario - in the AppointmentDataBound a border style,width and color is applied and there is no second line rendered below the appointment. 

Regards,
Boyan Dimitrov
Telerik