tooltip

sets a popup message next to the text input when the cursor points to it

Example

// default tooltip displays the value of Text
webix.ui({
    view:"text", value:"Some text",
    tooltip:true
});
 
// tooltip as a string
webix.ui({
    view:"text", tooltip:"Type in to search"
});
 
// tooltip as a function
webix.ui({
    view:"text", placeholder:"Type in to search", tooltip:function(obj){
        return obj.placeholder;
    }
});
 
// tooltip as a configuration object
webix.ui({
    view:"text", tooltip:{
        dx:10, dy:20, template:"Type in to search"
    }
});

Related samples

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

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

Back to top