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

Customize the Event Bubble style

Asked by Damien Schoof
12 years ago.

Could you please create the Event Bubbles with a CSS class? This would make it possible to customize the style of the bubble as a whole.

I am running into problems at the moment, because the bubble defines (in an inline style) a padding of 4 pixels all around. This doesn't fit well with our application's styling, but it isn't possible to change this using only CSS. If the Bubble div had its own class name, then I would be able to just over ride it.

feature asp.net
Answer posted by Dan Letecky [DayPilot]
12 years ago.

Since 7.0 release, it is possible to switch the Bubble to CssOnly mode. The CssOnly mode doesn't use any inline styles (other than position-related).

You can apply a custom theme using CssClassPrefix property. The bubble consists of two nested divs. They use the following classes

  • prefix_main (the outer div)
  • prefix_main_inner (the inner div)

A sample theme (CssClassPrefix="bubble_default"):
http://www.daypilot.org/demo/Themes/bubble_default.css

See also:
http://www.daypilot.org/daypilot-pro-for-asp-net-webforms-7-0.html

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 set a custom class on Bubble in Angular project?
Diferent design for resource bubble and event bubble
Using div in bubble
Scheduler - Area - How to use Bubble with the action ContextMenu
DayPilotBubble's CSS is not accepting at run time
Applying CSS styles to dynamic "bubble" popovers
How to adjust the width of the bubble automatically to the width of the content?
Display custom tooltip on areas
Custom CSS class for a resource
Event Bubble Can not config
Event text displaying
Adding A checkbox
Integrated message bar add style
Header font color CSS being overwritten

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.