Design and CSS styles
Version 7.x > Design and CSS styles > ModalCalendar Theme View modes: 
User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 12/27/2012 1:29:20 PM
   
ModalCalendar Theme
How can I add or change the CMSAdminControls/ModalCalendar theme to one to fit our site's style? I see there are a few themes in the Themes folder and it from what I see there is a CustomCalendarSupportFolder property on the CMS.ExtendedConrols.DateTimePicker but how do I set it?

User avatar
Kentico Consulting
Kentico Consulting
Accepted solutionAccepted solution
richards@kentico.com - 1/3/2013 4:35:24 AM
   
RE:ModalCalendar Theme
Hi,

The CSS file you are looking for is probably located at "CMSAdminControls\ModalCalendar\Themes\Default\jquery-ui-1.8.7.custom.css". This is the default stylesheet for date picker and you can change it as you like.

Since jQuery UI is used for date picker, you can use http://jqueryui.com/themeroller/ to easy generate theme to fit your page. There is a little drawback with this approach. This themeroller is newer than the one used in Kentico and has some different fields that might not be fully compatible with the old one and the classes are also different. That means that when you generate your theme using themeroller you would need to change classes to fit the old ones that kentico uses.

Best regards,
Richard Sustek

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 1/3/2013 11:14:10 AM
   
RE:ModalCalendar Theme
Thanks for the link. Played around on the site a bit and was able to modify the LiveSite theme to look like I wanted without having to recreate a new theme.