Tooltip on Timeline Y-Axis sections

Scheduler Javascript
#1

Hi,

I’ve tooltips on events mouseOver with the Tooltips extensions. I’d like to have tooltips in my timeline sections (Y-Axis), is it possible?

Thx

#2

While I don’t know if this is a Scheduler feature I’m thinking about using other libraries using javascript and CSS.

The DOM of the Y-Axis sections is this:

<tr class="dhx_row_item" style="height:50px;">
    <td class="dhx_matrix_scell item" style="width:199px; height:49px;">
        <div class="dhx_scell_level1">
            <div class="dhx_scell_name">
                SECTION VALUE

If I could add a tag to every

with the tooltip information it would be nice. Fore example: .

Any idea?

Thx

#3

The only way to modify the html of timeline scale is a code modification ( there are no templates or events that can be used for such task )

#4

Oh :frowning: And is there an alternative way to show a tooltip in the timeline sections?

#5

There is a template for scale title, you can use it and return an HTML tag with “title” attribute , but it will add tooltip not to all row, but only to the row label text

var sections=[
	{key:1, label:"James Smith", title:"My tooltip text here" },
    ...
]

scheduler.templates.timeline_scale_label = function(id, label, options){
   return  "<span title='"+options.title+"'>"+label+"</span>"
}
#6

Snippet that demonstrates how the solution, provided by @Stanislav, works.