Questions Tagged css

Answered: There is now a new version of the Theme Designer available. It will generate an up-to-date CSS. Please let me know if the problem persists.

Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...

Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...

Answered: You can use custom CSS easily - the best way is to generate a calendar CSS theme online . You can modify it manually as needed. In the open-source version , you can customize the inner HTML of events...

Answered: The "month_default_event_hover" class specifies appearance of calendar events when you move a mouse over it. To control the callout width, you can use "bubble_default_main" class (for the default the...

Answered: You can generate a custom theme using the Theme Designer: https://themes.daypilot.org/ The default settings will generate a theme that corresponds to the built-in theme. You can include the generated...

Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript dp.onBeforeRowHeaderRender = function(arg...

Answered: Yes, the "daypilot-pro-react" package is paid. If you are looking for the free package, take a look at "@daypilot/daypilot-lite-react": https://www.npmjs.com/package/@daypilot/daypilot-lite-react The...

Answered: You can set a custom CSS class using the config: const bubble = new DayPilot.Bubble({ theme: "mybubble", // ... }); All CSS classes used in the bubble will be prefixed with "mybubble_" instead of "bu...

Answered: Two steps are required: 1. Include the theme in the global CSS (styles.css): @import url('themes/your_theme.css'); 2. Activate it using the "theme" config property: config: DayPilot.SchedulerConfig =...

Answered: Unfortunately, this is not possible at the moment. You can modify the CSS and show the row header title at the top of the cell (the middle position may not work well for large heights).

Answered: The latest sandbox build now supports "cssClass" property for separators. Also, the separator divs are marked with "*_separator" CSS class (e.g. "scheduler_default_separator" for the default theme).

Answered: The easiest way would probably be to insert custom separators at the specified time points: https://doc.daypilot.org/scheduler/separators/

Answered: This property is obsolete now when CssOnly="false" mode is not supported anymore. However, you can achieve this effect using CSS. The border is defined using a cell class. The default style ("calenda...

Answered: looks like it was just confusion on my part as to how the cssOnly attribute worked. if I manually set the background with beforecellrender as seen at http://forums.daypilot.org/Topic.aspx/1724/howto-...

Answered: Yes, you can load the stylesheets directly in the page loaded using the DayPilot.Modal.showUrl() - e.g. Edit.aspx. Pages open in an iframe don't use the stylesheets of the parent page.

Answered: All the classes mentioned in the documentation should be working fine: alldayevent (all-day event box) event (event box) cellbackground (time cell) colheader (column header cell) alldayheader (all-da...

Answered: If you want the page around the modal window to be darkened using this semi-transparent div, you need to keep these two non-standard properties there (filter for IE and opacity for the other browsers...

Answered: CSS styling of the menu is now fully supported since 6.1 release: http://www.daypilot.org/daypilot-pro-6-1.html See also: http://www.daypilot.org/menu-css-class-styling.html

Answered: CSS support for DayPilot Month was added in 5.5 release . See also DayPilot Month: CSS Class Styling .