tooltip

задает тултип для rangeslider

Example

// тултип по умолчанию
webix.ui({
    view:"rangeslider", value:"75,97", min:60, max:144, tooltip:true
});
 
// тултип, заданный строкой
webix.ui({
    view:"rangeslider", value:"75,97", min:60, max:144, tooltip:"#min# - #max#"
});
 
// заданный функцией
webix.ui({
    view:"rangeslider", value:"75,97", min:60, max:144,
    tooltip:function(obj){
        return obj.min + " - " + obj.max;
    }
});
 
// заданный объектом
webix.ui({
    view:"rangeslider", value:"75,97", min:60, max:144,
    tooltip:{
        dx:10, dy:20,
        template:function(obj){
            return obj.min + " - " + obj.max;
        }
    }
});

Related samples

tooltip-функция получает один параметр - объект с настройками rangeslider.

Задавая tooltip как объект, вы можете настроить не только вид и содержимое тултипа, но и его положение на экране относительно указателя мыши. Свойство template может быть или строкой, или функцией.

Наверх