search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Apply style sheet in sheduler

Asked by prabhat
1 year 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

Answer posted by Dan Letecky [DayPilot]
1 year 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 6 months old and has been closed. Please create a new question if you have anything to add.