badge - ( number/string) adds an orange circle that notifies about the number of new messages for an icon button.css - ( string) name of CSS class applied to a button.click - ( function) defines a function that will be executed on clicking the button (another possibility is to attach an event handler to onItemClick using the button ID).popup - ( string) defines the ID of a popup window that will be shown on button click.align - ( string) positions a button with relation to a parent view.image - ( string) sets a path to the button icon.inputWidth - ( number) sets the width of the text on the button and adjusts button width to it Style Typography: Change the default typography options for the buttons text Text Shadow: Add a shadow and blur to the buttons text Text Color: Select the.width - ( number) sets the width of the button.add an icon to a submit button submitButton(Update View, icon icon(refresh)). type - ( string) defines the type of the button Icons are drawn from the Font Awesome and Glyphicons libraries.label - ( string) defines the text or/and HTML markup for the regular button as well as for buttons of image and icon types and their variations.value - ( string) defines the text displayed on standard-type buttons.This will only be present if an icon is provided in the icon option and. Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out /.

This are the configuration properties of Button: ui-button-icon-space : A separator element between icon and text content of the button. Related sample: Buttons - AutoWidth Button Configuration To change what is displayed in the back button, use the text and icon properties. It's possible to adjust the width of a button to the size of its content, using the autowidth property set to true. Webix Buttons comprise several types and build-in styles.Ī type defines the content of the button.

Add refresh icon plus text button css