New features Apply a Theme In Line Events From To Button Panel Week Numbers Date and Time Misc

Select Date

Choose any one of 24 external calendar themes

Choose a theme and then open datepicker

Important:

1. Using these themes will overwrite the X6  datepicker calendar size settings. See CSS below

2. Choose a theme and note its name

3.  Copy and paste the line below  into <!--Page  Start--> using Alt-S or right click>Attach HTML.







cupertino

south-street

blitzer

humanity

hot-sneaks

excite-bike

vader

dot-luv

mint-choc

black-tie

trontastic

swanky-purse


ui-lightness

ui-darkness

smoothness

start

redmond

sunny

overcast

le-frog

flick

pepper-grinder

eggplant

dark-hive


CSS

To set the size of your calendar(s) copy the following and paste it in /*Page StyleSheet*/ by using Alt-S or right click>Attach HTML.








Change the font size to set the calendar size. The calendar on this page is set to 11px.


#ui-datepicker-div {

display:none;

font-size: 11px;}

4. Highlight and copy the theme name from the two columns below, and paste the name in place of swanky-purse using Alt-S or right click>Attach HTML.



<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/swanky-purse/jquery-ui.css" media="screen">