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

Center Date Number in Monthview

4 Answers 84 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Dan asked on 16 Nov 2011, 09:23 PM
I need to center align the date number in monthview. Also need to change the default font of the number. How can this be done? I have a picky customer.

Thanks,
Dan

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 17 Nov 2011, 06:02 AM
Hello Dan,

Try the following CSS.
CSS:
<style type="text/css">
.RadScheduler .rsHeader h2
 {
   text-align:center !important;
   font-family:Georgia !important;
 }
</style>

-Shinu.
0
Ivana
Telerik team
answered on 18 Nov 2011, 05:48 PM
Hi Shinu,

To style the day cells' numbers, you could use the .rsDateHeader class selector, as in the code-block below:
.RadScheduler .rsDateHeader
{
    margin-left: 100px;
    font-family: Georgia;
}

I hope this helps.

Regards, Ivana
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Dan
Top achievements
Rank 1
answered on 23 Nov 2011, 08:19 PM
Thanks Shinu, for some reason text-align:center !important; does not work but when I change it to a unit it does. Also, I need to center align it vertically. I assumed the following would work but it does not:

vertical-align:middle;

I have also tried margin-top and margin-bottom with no luck. Any ideas?

Thanks,
Dan


0
Dan
Top achievements
Rank 1
answered on 23 Nov 2011, 10:20 PM
Fixed!

html div.RadScheduler .rsDateHeader
{    
    font-family:Verdana !important;
    margin-left:17px;
    height:50px;
    line-height:50px;
    white-space:nowrap;   
}
Tags
Scheduler
Asked by
Dan
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Ivana
Telerik team
Dan
Top achievements
Rank 1
Share this question
or