I'm trying to set up the Scheduler to use a custom skin. For now, I'm just copying the Office2007 skin into my project and trying to get it to look correct.
I've copied the Scheduler.Office2007.css file into my project directory and included it in my project. I also copied the 'Scheduler' folder with all the .gif and .png files and included it in my project.
I registered the skin in my .aspx file, like so:
<head runat="server">
<title>My Calendar</title>
<link href="Scheduler.Office2007.css" rel="stylesheet" type="text/css" />
</head>
I set EnabledEmbeddedSkins to false, like so:
<telerik:RadScheduler ID="RadScheduler1" runat="server" width="100%" Height = "600px"
HoursPanelTimeFormat="htt" Skin="Office2007" StartInsertingInAdvancedForm="True"
ValidationGroup="RadScheduler1"
EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="false">
<Localization AdvancedAllDayEvent="All day"></Localization>
<AdvancedForm DateFormat="M/d/yyyy" TimeFormat="h:mm tt"></AdvancedForm>
</telerik:RadScheduler>
When I run it, it's finding the images and doing something with the .css, but very ugly:
Screen Shot
I've copied the Scheduler.Office2007.css file into my project directory and included it in my project. I also copied the 'Scheduler' folder with all the .gif and .png files and included it in my project.
I registered the skin in my .aspx file, like so:
<head runat="server">
<title>My Calendar</title>
<link href="Scheduler.Office2007.css" rel="stylesheet" type="text/css" />
</head>
I set EnabledEmbeddedSkins to false, like so:
<telerik:RadScheduler ID="RadScheduler1" runat="server" width="100%" Height = "600px"
HoursPanelTimeFormat="htt" Skin="Office2007" StartInsertingInAdvancedForm="True"
ValidationGroup="RadScheduler1"
EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="false">
<Localization AdvancedAllDayEvent="All day"></Localization>
<AdvancedForm DateFormat="M/d/yyyy" TimeFormat="h:mm tt"></AdvancedForm>
</telerik:RadScheduler>
When I run it, it's finding the images and doing something with the .css, but very ugly:
Screen Shot
3 Answers, 1 is accepted
0
Hello Barbra,
You shouldn't have disabled the embedded base stylesheet (EnableEmbeddedBaseStylesheet="False"). It contains common, skin-agnostic styling for the RadScheduler. If you enable it, the control will start looking as normal.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
You shouldn't have disabled the embedded base stylesheet (EnableEmbeddedBaseStylesheet="False"). It contains common, skin-agnostic styling for the RadScheduler. If you enable it, the control will start looking as normal.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
BarbraW
Top achievements
Rank 1
Rank 1
answered on 14 Aug 2009, 03:03 PM
Thanks! That did it!
Now... I'm looking for some sort of reference on the .css styles themselves, I find bits & pieces of info in the docs (like today's date uses the .rsMonthView .rsTodayCell style). Is there some sort of general reference on the styles somewhere?
Now... I'm looking for some sort of reference on the .css styles themselves, I find bits & pieces of info in the docs (like today's date uses the .rsMonthView .rsTodayCell style). Is there some sort of general reference on the styles somewhere?
0
Hello Barbra,
Unfortunately, the CSS class names are not documented - and since there is such a vast amount of them, the best workflow (and thus, the one we use internally) is to equip yourself with the IE developer tools or, better yet, Firebug, and inspect the styles that you wish to style.
This is indeed a huge gap in the documentation. In order to make this up, I'm currently integrating the Scheduler in the Visual Style Builder, and once it is ready, its skinning process will be much simpler. Until then, we could provide further help if you have specific questions on the styling.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Unfortunately, the CSS class names are not documented - and since there is such a vast amount of them, the best workflow (and thus, the one we use internally) is to equip yourself with the IE developer tools or, better yet, Firebug, and inspect the styles that you wish to style.
This is indeed a huge gap in the documentation. In order to make this up, I'm currently integrating the Scheduler in the Visual Style Builder, and once it is ready, its skinning process will be much simpler. Until then, we could provide further help if you have specific questions on the styling.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.