cells borders

[John]

Hi Telerik Team,



I have a problem with styling skin. 

I will describe my problem briefly, but first of all I'll show you what I want to achive.

http://images33.fotosik.pl/275/a6f96f104af5b936.jpg

Top picture shows what I have and the bottom shows what I want to have.

I just want to emphasize some cells borders by changing its default color.





This is my aspx code:

<telerik:RadScheduler ID="RadScheduler1" runat="server" 

DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

ShowFooter="False" ShowHeader="False" TimeLabelRowSpan="4" Culture="Polish (Poland)"

Width="99%" Skin="Office2007" SelectedView="WeekView" 

FirstDayOfWeek="Monday" LastDayOfWeek="Friday" 

MinutesPerRow="15" ShowAllDayRow="false" EnableCustomAttributeEditing="false"

AllowDelete="false" AllowEdit="false" AllowInsert="false" OverflowBehavior="Expand">

<WeekView ColumnHeaderDateFormat="dddd" DayEndTime="21:00:00" 

ReadOnly="True" />

<AppointmentTemplate>

<%# Eval ("Subject") %>

</AppointmentTemplate>

</telerik:RadScheduler>



And css:



.RadScheduler .rsContent .rsHoursTable th

{

font-size:10px;

height:11px;

line-height:11px;

}



.rsContent .rsContentTable .rsCell

{

font-size:10px;

height:11px;

line-height:11px;



}



.rsHoursContent

{

text-align:center;

font-size:12px;

height:32px;

}



And also:

Is there any possible way to change Hours Content from "08:00" to "08:00-09:00" and so on ?



Thanks in advance for your reply

Cheers

John

[T. Tsonev]

Hi John,

You can achieve this result by applying different CSS style to the last time slot for each hour. This can be done by handling the TimeSlotCreatedEvent:

protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
{
    if (e.TimeSlot.End.Minute == 0 && e.TimeSlot.Duration != TimeSpan.FromHours(24))
    {
        e.TimeSlot.CssClass += " rsHourBoundary";
    }
}

Then add the CSS rule for that class to the head of the page:

<style type="text/css">
    .rsHourBoundary
    {
        border-bottom: 1px solid red !important;
    }
</style>

Unfortunately, the current release does not support templates for the hour labels. We are planning this feature for the Q2 release.

Sincerely yours,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[John]

Thanks so much for solving my problem.
Cheers
John