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

How to add style to cells

Asked by Thomas
1 year ago.

Hi,

I want to add CSS styling to some specific empty cells (e.g. lunch time) in my DayPilot Week Calendar. Do you know how I can proceed? All empty cells are equivalent in HTML code, I have no idea to target them, and when the Calendar is rendered.

Thank you very much for your comments.

Thomas

how-to javascript lite vue.js
Answer posted by Dan Letecky [DayPilot]
1 year ago.

In the Pro version, you can use the onBeforeCellRender event handler to customize the calendar cells - you can add custom CSS class to selected cells or modify the appearance directly.

Unfortunately, onBeforeCellRender is not available in the Lite version at the moment.

Comment posted by Thomas
1 year ago.

Thank you for your feedback.

It suddenly makes things less easy.

Greetings

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
How to get the calendar cells and change the background color from a specific Event?
Finding empty time slots in the event calendar
How do I empty a DayPilot calendar please?
HIde empty cells
How to clear the previous event from calendar if the updated event list is empty/null?
Can't be able to select cell when event assign to cell.
Adjusting event height leads to excessive empty space (Month)
Excel like inline edit
Scheduler: Prevent Javascript Popup on Cell Click
How to Disable Weekend Cells
when click on even
StartTime indicator when moving an event
Cell customize
Problems when exporting Gantt as jpeg

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.