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

Apply style sheet in sheduler

Asked by prabhat
12 days 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]
12 days 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.

New Reply
This reply is
Your name (optional):