{timelineName}_scale_label

specifies items of the Y-Axis

Parameters

keystringthe section's id (key)
labelstringthe section's label
sectionobjectthe section object containing the 'key' and 'label' properties

Available only in PRO Edition

Example

scheduler.templates.timeline_scale_label = function(key, label, section){ 
    return label; 
};

Applicable views:Timeline View
Details

If you insert long text into the header of the folder when the Tree mode of the Timeline view is used, the text will be shown incorrectly by default.

In v5.3.12 and upper, the text will be truncated. To avoid it and display the whole text in one line, you can apply the following CSS rule:

.dhx_matrix_scell.folder > div,
.dhx_matrix_scell.folder .dhx_scell_name {
    white-space: nowrap;
    overflow: visible;
}

As an alternative way, you may split the text into multiple lines. To do that, you need to enlarge the height of all folders (because it is not possible to change the height of a separate folder) as in:

scheduler.createTimelineView({
    ...
    folder_dy: 80,
});

and apply CSS:

.dhx_matrix_scell.folder .dhx_scell_name{
    line-height: 17px;
}

If you use v5.3.11 and lower, the long text will be wrapped to another line and, as a result, it will become invisible. But you can display the whole text in one line by applying more complex CSS:

.dhx_timeline_label_col,
.dhx_row_folder,
.dhx_matrix_scell.folder,
.dhx_scell_level0,
.dhx_scell_name{
    overflow: visible !important;
}
 
.dhx_matrix_scell.folder .dhx_scell_name{
    float: unset;
    white-space: nowrap;
}
 
.dhx_cal_data .dhx_timeline_table_wrapper div{
    text-align:left;
}

See also
Back to top