Use the headerTemplate option for passing a custom template. Besides that you can also add custom functionality, like a segmented control that lets people switch between scheduler and calendar. You can customize how the header of the scheduler looks and how the components are arranged. So that the library knows where and when to show the tooltip. In case of md-boostrap, you can add the tooltip directive to the custom event template ShowEventTooltip option and use the third-party tooltip accordingly. For those cases, turn the browser native tooltip off with the There are cases when you are using a third party library, something like md-boostrap. With the help of the Mobiscroll popup you can show a custom tooltip that holds details, actions applicable to the event it is anchored to. Setting the showEventTooltip to false gives room for a fully custom tooltip that can be implemented by using the If you want to hide the native tooltip, you can set the showEventTooltip to false. This includes the times and title of the event, which does the job most of the times.įor showing a custom text use the tooltip property of the data object.

The native tooltipīy default, the calendar shows the browser native tooltip when hovering over the event. There are several approaches to showing a tooltip when hovering events.

Ionic drag and drop builder