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

Custom Skin needs to load last

2 Answers 27 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Trent
Top achievements
Rank 1
Trent asked on 20 May 2010, 07:50 PM
I have a custom calendar skin that I am using in the DatePicker control.  I call the stylesheet in the header, set the EnableEmbeddedSkins property to False, and enter the custom skin name in the Skin property.  When I run the application and open the calendar, the day row (SMTWTFS) is aligned to the right, which looks horrible.  If I move the stylesheet call into the body below the the scriptmanager, the calendar will display correctly.  It seems that the the default stylesheet is loading some styles after my custom styles and over-riding some of them them.  Is this a bug?  Thanks.

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 21 May 2010, 07:16 AM
Hi Trent Mosher,

The RadCalendar base stylesheet contains the following CSS rule:

.RadCalendar  .rcWeek  th
{
    text-align:right;
}

You can easily override the above style by using a CSS rule with a higher specificity:

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

(Note that .RadCalendar is a CSS class applied to a <table>, not a <div>)

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Trent
Top achievements
Rank 1
answered on 21 May 2010, 02:09 PM
Nice.  Thank you very much. 

One other note.  The calendar is in a table as you noted but the datepicker is in a div.  Not realizing this, I inserted table in front of the datepicker classes and the little calendar icon disappeared.  I changed it to div and it works perfectly now. 

Thanks again.
Tags
Calendar
Asked by
Trent
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Trent
Top achievements
Rank 1
Share this question
or