Display Date Header with custom styles.

[Henry]

Hi folks,

I'd like to show the today's date heading in a different style in the RadSchedulers Day view. I want to make it bold, align to the middle and change its color. Is it possible?

Thanks
Henry.

[Princy]

Hi,

Try the following CSS.
CSS:

.RadScheduler .rsHeader h2
{
            font-weight:bold !important;
            color:Red !important;
             text-align:center !important;
}

Thanks,
Princy

[Henry]

Thanks Princy, it worked like a charm. I have another requirement that I want to style the appointment ex. I want to give border to the appointment and change the font-weight, color and size of the Subject text.

Thanks in Advance,
Henry.

[Princy]

Hi Henry,

Try overriding the default CSS as follows:

CSS:

<style type="text/css">
    .rsAptContent
    {
        color: red !important;
        font-size: 10px !important;
        font-weight: bold !important;
        border: 1px solid red !important;
        left: -1px !important;
        right: -1px !important;
    }
</style>

Thanks,
Princy.

[JC]

Hi,

Is it possible to add a background image to the appointment of the RadScheduler? I want to give a custom image instead of its native look and feel.

JC.

[Princy]

Hi JC,

You can add a custom background image to the RadScheduler Appointment. Please try the following CSS to accomplish the same.

CSS:

<style type="text/css">
    .RadScheduler_Default .rsAptContent
    {
        background-image: url('CustomImage.jpg') !important;
    }
</style>

Thanks,
Princy.

[Henry]

Hi Princy,

I want to change my mouse pointer to 'hand' when hovered over the appointment. I tried setting the CSS property cursor to hand but that didnt work out.

Please help,
Henry.

[Princy]

Hello,

Try setting the following CSS to change the pointer style.

CSS:

<style type="text/css">
    .rsAptContent
    {
        cursor:pointer !important;
    }
</style>

Thanks,
Princy.