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

Applying CSS styles to dynamic "bubble" popovers

Asked by Anonymous
1 month 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]
26 days 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;
}
New Reply
This reply is
Your name (optional):