tooltip

sets a popup message next to the counter when a cursor points to it

string|boolean|function|object tooltip;

Example

// tooltip as a boolean
webix.ui({
    view:"counter", value:75, min:60, max:144,
    tooltip:true
});
 
// tooltip as a string
webix.ui({
    view:"counter", value:75, min:60, max:144,
    tooltip:"#min# - #max#"
});
 
// tooltip as a string
webix.ui({
    view:"counter", value:75, min:60, max:144,
    tooltip:function(obj){
        return obj.min + " - " + obj.max;
    }
});
 
// tooltip as a string
webix.ui({
    view:"counter", value:75, min:60, max:144,
    tooltip:{
        dx:10, dy:20,
        template:"#min# - #max#"
    }
});

Related samples

Tooltip:: Controls

Details

If you define the tooltip as a function, it receives the configuration object of the counter.

If you define the tooltip as an object, you can configure the tooltip and define its template as a string or a function.