DayNameFormat set to Short sets strange column widths?

3 posts, 1 answers
  1. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 27 May 2011 Link to this post

    I've just started to use the RadCalendar control on my page and wanted to change the day header text from MTWTFSS to Mon, Tue, Wed etc so I set the DayNameFormat property to "Short". This has done what I expected, but now the columns are all different sizes?

    Does anyone else experience this, or know how to fix it?

    I've attached my code and a screen shot to highlight the issue...
     
    <telerik:RadCalendar 
        id="DatePicker1" 
        runat="server" 
        Skin="Black" 
        EnableMultiSelect="False" 
        Width="400"
        FirstDayOfWeek="Monday"
        >
    </telerik:RadCalendar><br />
    <br />
    <telerik:RadCalendar 
        id="DatePicker2" 
        runat="server" 
        Skin="Black" 
        EnableMultiSelect="False" 
        Width="400"
        FirstDayOfWeek="Monday"
        DayNameFormat="Short"
        >
    </telerik:RadCalendar>
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 27 May 2011 Link to this post

    Hello Karl,

    Try overriding the default CSS like below.

    CSS:
    .RadCalendar_Black .rcRow td
           {
               width:30px !important;
           }

    Thanks,
    Princy.
  3. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 27 May 2011 Link to this post

    Thanks Princy...
Back to Top