Adding an image to sections in the scheduler timeline view.

Scheduler Javascript
#1

I was looking at the car rental demo

https://dhtmlx.com/docs/products/demoApps/car-rental-html5-js-php/

And I noticed that there are images of cars for each section.

How can I add an image like this for each section?

#2

Hi,
It is possible by timeline_scale_label template. docs.dhtmlx.com/scheduler/timel … lates.html

[code]scheduler.templates.timeline_scale_label = function(key, label, section){
return “<div style=“width:100%”>
<img src=”"+section.link+"" alt=""+label+"">
\

"+label+"
$"+section.price+"
"; };[/code] You can download the demo to see how it was implemented.
#3

I’ve already tried that, I thought there would be a different way. When I render a bunch of sections with images the view isn’t aligned on the x axis.

2257×724 63.2 KB

As you can see the padding isn’t aligned when I render hundreds of rows. Changing the styles doesn’t do anything. How can I fix this.

#4

Set

section_autoheight:false

in createTimelineView method
and configure dy property to set required height value.
Please check Timeline configurations more carefully here: docs.dhtmlx.com/scheduler/api__ … eview.html