This is a migrated thread and some comments may be shown as answers.

Display Date Header with custom styles.

7 Answers 165 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Henry
Top achievements
Rank 1
Henry asked on 14 Feb 2013, 02:40 AM
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.

7 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 14 Feb 2013, 04:49 AM
Hi,

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

Thanks,
Princy
0
Henry
Top achievements
Rank 1
answered on 14 Feb 2013, 08:19 AM
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.
0
Accepted
Princy
Top achievements
Rank 2
answered on 14 Feb 2013, 08:46 AM
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.
0
JC
Top achievements
Rank 1
answered on 15 Feb 2013, 08:39 AM
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.

0
Princy
Top achievements
Rank 2
answered on 15 Feb 2013, 08:51 AM
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.
0
Henry
Top achievements
Rank 1
answered on 22 Feb 2013, 07:43 AM
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.
0
Accepted
Princy
Top achievements
Rank 2
answered on 22 Feb 2013, 08:18 AM
Hello,

Try setting the following CSS to change the pointer style.

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

Thanks,
Princy.
Tags
Scheduler
Asked by
Henry
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Henry
Top achievements
Rank 1
JC
Top achievements
Rank 1
Share this question
or