Questions Tagged css
Applying CSS styles to dynamic "bubble" popovers
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...
DayPilot default css styles
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...
Custom CSS class for a resource
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(a...
daypilot-pro-react package is free for React Calender Component?
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...
How to set a custom class on Bubble in Angular project?
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_" ins...
Clean solution to import custom scheduler theme with prefix CSS in Angular project
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.SchedulerCo...
Resource label vertical alignment on concurrent event
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).
How to add css class to separator?
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).
Scheduler Half-Hour Border Color
Answered: The easiest way would probably be to insert custom separators at the specified time points: https://doc.daypilot.org/scheduler/separators/
Does HourHalfBorderColor still works in new Calendar version ?
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...
Scheduler styling: small vertical open space between rightmost column and right border
The right side of the scheduler looks like this: http://imgur.com/D7Ngfvy Is it possible to just hide the outer border, or is there another solution to this? I'm using angular daypilot and I created ...
HourHalfBorderColor in CssOnly mode
Hi, i'm trying to update an old project using Daypilot Calendar to use the new CssOnly available since v7. I'm stuck trying to reproduce the HourHalfBorderColor properties of non CssOnly mode. I need...
Themes not working correctly?
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-...
Modal CSS
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.
Styling DayPilot Month
Hi there, I'm currently working with the DayPilot Pro for ASP.NET Demo and am having problems with turning off the "style" attributes applied to the "Month". I note that from the Month: CSS Class Sty...
How to knows all the default css property name of DayPilot Calendar?
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...
css file for calendar
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...
ContextMenu CSS Support
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
CSS Support
Answered: CSS support for DayPilot Month was added in 5.5 release. See also DayPilot Month: CSS Class Styling.
Questions 1-19 of 19