Inject custom components in React in Scheduler


#1

Hi

Is there a way or method to inject custom React components within the scheduler tooltips, events, empty grids etc?

Thanks
Aman Gupta


#2

Hello @aman_gupta ,

Unfortunately, there is no such functionality, but it stays in future plans.
Currently, you can return only plain HTML from template functions.

Kind regards,


#3

But is there any way to customize the look and feel of the existing tooltip?
Like not just changing the styling of text but the div to make it bigger or smaller or colorful if needed.

Thanks
Aman Gupta


#4

Hello @aman_gupta ,

Yes, you can customize it through the tooltip_text template, as follows:

scheduler.templates.tooltip_text = function(start,end,event) {
  var someCustomDiv = `<div class="reactComp"> ${event.text}</div>`;
  return someCustomDiv
};

Here is an example:
http://snippet.dhtmlx.com/5/25f45bd5b

Kind regards,


#5

Perfect thanks a bunch