sets a popup message next to the slider when the cursor points to it
// tooltip as a boolean
webix.ui({
view:"slider", value:"75", min:60, max:144, tooltip:true
});
// tooltip as a string
webix.ui({
view:"slider", value:"75", min:60, max:144, tooltip:"#min# - #max#"
});
// tooltip as a function
webix.ui({
view:"slider", value:"75", min:60, max:144,
tooltip:function(obj){
return obj.min + " - " + obj.max;
}
});
// tooltip as a configuration object
webix.ui({
view:"slider", value:"75", min:60, max:144,
tooltip:{
dx:10, dy:20,
template:function(obj){
return obj.min + " - " + obj.max;
}
}
});
If you define the tooltip as a function, it receives the configuration object of the slider.
If you define the tooltip as an object, you can configure the tooltip and define its template as a string or a function.