Apply style sheet in sheduler

Asked by prabhat
8 years ago.

Hi,

I need to apply stylesheets to scheduler.Does this possible like

table thead tr:first-child th:last-child {
border-top-right-radius: 12px;
border-right: 1px solid #9B9B9B;
}
table thead tr:first-child th:first-child {
border-top-left-radius: 12px;
border-left: 1px solid #9B9B9B;
padding-left: 30px;
}
tr {
padding: 4px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}
td {
height: 45px;
border-bottom: 1px solid #9B9B9B;
}

thank you

javascript

Answer posted by Dan Letecky [DayPilot]
8 years ago.

The Scheduler marks the important elements with custom CSS classes (the names are derived from the theme names).

You can find the list here:
https://kb.daypilot.org/62119/list-of-css-classes-used-in-cssonly-mode-scheduler/

I suggest to generate a theme using the theme builder:

https://themes.daypilot.org/

You can also modify the generated CSS as needed - use the list of css classes above. You can also inspect the DOM structure using browser developer tools to find our which class is used for which element.

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.