Applying CSS styles to dynamic "bubble" popovers

Asked by Anonymous
1 year ago.

Hi, I'm wondering how I might apply a set of styling rules on the bubble popovers whenever you hover over a cell / event block on [ASP Webform-based] DayPilotMonth control.

I wish to resize the dynamic bubble that gets generated OnBeforeEventRender handler (i.e., e.Bubble) as some of the hover over text are pretty long thus it takes up a great amount of the screen width.

I tried setting some of the CSS properties as follows - but the styling does not get applied at all
`.month_default_event_hover {
// some styles
width: //;
}`

Answer posted by Dan Letecky [DayPilot]
1 year ago.

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 theme):

.bubble_default_main {
  width: 200px;
}

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.

Applying CSS styles to dynamic "bubble" popovers

Products

Learn

Get Support

DayPilot Pro