tooltip

sets a popup message next to the radio button when the cursor points to it

Example

// tooltip as a boolean
webix.ui({
    view:"radio", tooltip:true,
    options:[
        "Radio","Segmented","Template"
    ]
});
 
// tooltip as a string
webix.ui({
    view:"radio", tooltip:"#value#",
    options:[
        "Radio","Segmented","Template"
    ]
});
 
// tooltip as a function
webix.ui({
    view:"radio",
    tooltip:function(obj){
        return obj.value;
    },
    options:[
        "Radio","Segmented","Template"
    ]
});
 
// tooltip as a configuration object
webix.ui({
    view:"radio",
    tooltip:{
        dx:10, dy:20,
        template:"#value#"
    },
    options:[
        "Radio","Segmented","Template"
    ]
});

Related samples

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

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