Center Date Number in Monthview

5 posts, 0 answers
  1. Dan
    Dan avatar
    32 posts
    Member since:
    Feb 2010

    Posted 16 Nov 2011 Link to this post

    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
  2.
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Nov 2011 Link to this post

    Hello Dan,

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

    -Shinu.
  5. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 18 Nov 2011 Link to this post

    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
  7. Dan
    Dan avatar
    32 posts
    Member since:
    Feb 2010

    Posted 23 Nov 2011 Link to this post

    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


  8.
  9. Dan
    Dan avatar
    32 posts
    Member since:
    Feb 2010

    Posted 23 Nov 2011 Link to this post

    Fixed!

    html div.RadScheduler .rsDateHeader
    {    
        font-family:Verdana !important;
        margin-left:17px;
        height:50px;
        line-height:50px;
        white-space:nowrap;   
    }
Back to Top