Questions Tagged bubble

Answered: The bubble hides if the cursor is moved outside of the source object and the bubble itself. I assume that in your scenario, the cursor stays inside but the calendar scrolls. Is that correct? The cont...

Answered: Since version 2024.2.5957 , it is possible to combine the bubble property with any action type. That means the bubble (if specified) will always be displayed on hover, even for action: "ContextMenu" .

Answered: This is fine. I assume that you have defined the area position and dimensions ( left , right , etc.). I have tested your code in the Scheduler and the only problem is that if you also have an event b...

Answered: Sorry for the delay! There is a tutorial that shows how to insert an Angular component to the bubble. Angular Scheduler: Dynamic Tooltip It is necessary to instantiate the component and add it to the...

Answered: It is only available as a package. You can find the pricing details at the Buy page ( https://javascript.daypilot.org/buy/ ). If you have any questions regarding licensing or if you need a PDF quote,...

Answered: 1. You can make space for the active areas at the bottom using the "rowMarginBottom" property : https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/ 2. If you use the full crosshair mode the ...

Answered: Event bubbles are now supported in the Queue component in the latest sandbox build (2022.4.5467): https://release.daypilot.org/changes/js/ You can use the standard API: https://api.daypilot.org/daypi...

Answered: This seems to be fine and a static version of your sample works well in my tests: dp.events.list = [ { id: DayPilot.guid(), text: '', resource: "frozen1", start: "2022-02-01", end: "2022-02-10", back...

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: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...

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: If you add the event on the client side using events.add() the server-side BeforeEventRender won't be fired. That might be required for the bubble HTML to be set. You need to add the event using a ca...

Answered: Please see the answer here: https://forums.daypilot.org/question/4729/add-popover-on-click-of-event-on-schedule-calendar-js-angul

Answered: Unfortunately, the bubble for event links is not implemented at the moment.

Answered: This is a bug of the latest release (2018.1.5927). It's fixed now in version 2018.1.5936: https://mvc.daypilot.org/daypilot-pro-for-asp-net-mvc-2018-1-5936/

Answered: The bubble can be configured using a DayPilot.Bubble object which you assign to "bubble" property of the config. Example: config: any = { bubble: new DayPilot.Bubble({ animation: "fast" }), // ... } ...

Answered: The tooltip is automatically turned off if you turn on a bubble. In the latest DayPilot Pro version, the bubble is now automatically turned on (a new DayPilot.Bubble() object is assigned to "bubble" ...

Answered: This is not supported at the moment but it's a good idea for one of the future releases.

Answered: Hi Jim: iOS is supported but the available gestures are limited. That's why it doesn't support all the interaction options that are possible on the desktop. On events, it supports two actions: tap (t...

Answered: You need to follow these steps: 1. Create the bubble: <DayPilot:DayPilotBubble ID="DayPilotBubble1" runat="server" CssOnly="true" CssClassPrefix="bubble_default" /> 2. Assign it to the monthly calend...