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

[Solved] Grid lines on Calendar

1 Answer 182 Views

Calendar

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

Greg asked on 17 Apr 2009, 07:22 PM

I'm trying to display grid lines (horizontal and vertical lines around each day) on the calendar control. I have tried the following but cannot get the desired result - I get no lines at all.

    
            <telerik:RadCalendar ID="Calendar1" runat="server"   
        
            ForeColor="Black" Font-Names="Arial,Verdana,Tahoma" 
        
            Width="780px" Height="376px"   
        
            CellAlign="Left" Style="border-color: #ececec" 
        
            EnableMultiSelect="False" ShowOtherMonthsDays="False" 
        
            ShowRowHeaders="False" UseColumnHeadersAsSelectors="False"   
        
            AutoPostBack="True"   
        
            ondayrender="Calendar1_DayRender" DayNameFormat="Short"   
        
            SelectedDate="" PresentationType="Preview">  
        
            <WeekendDayStyle BorderWidth="1px" Height="90px" Width="90px" Wrap="False" HorizontalAlign="Left" VerticalAlign="Top" /> 
        
            <DayStyle Width="90px" Height="90px" BorderWidth="1px" Wrap="False" HorizontalAlign="Left" VerticalAlign="Top" /> 
        
            <telerik:RadCalendar>

1 Answer, 1 is accepted

answered on 20 Apr 2009, 12:42 PM

Hello Greg,

I added the BorderColor for DayStyle and WeekendDayStyle and found it showing the vertical and horizontal lines as you expected. Give a try with this.

ASPX:

    
            <telerik:RadCalendar ID="Calendar1" runat="server" ForeColor="Black" Font-Names="Arial,Verdana,Tahoma"  
        
            Width="780px" Height="376px" CellAlign="Left" Style="border-bottom-color:Green" EnableMultiSelect="False" ShowOtherMonthsDays="False"  
        
            ShowRowHeaders="False" UseColumnHeadersAsSelectors="False"  
        
            AutoPostBack="True" DayNameFormat="Short" SelectedDate="" PresentationType="Preview">

            <WeekendDayStyle BorderWidth="1px" BorderColor="black" Height="90px" Width="90px" Wrap="False" HorizontalAlign="Left" VerticalAlign="Top" />  
        
            <DayStyle Width="90px" Height="90px" BorderColor="black" BorderStyle="solid"  BorderWidth="1px" Wrap="False" HorizontalAlign="Left" VerticalAlign="Top" /> 
        
            </telerik:RadCalendar>

Thanks,
Shinu.