The XdevNativeButton is a button that the web browser generates in response to the <button> HTML tag. As such, its appearance is browser specific. The XdevNativeButton is typically used when a button should have a system-specific appearance and behavior (mouse-over effect). Unlike the XdevButton, when the XdevNativeButton is used, the height can be defined without style.
- Insert an XdevNativeButton in an empty view.
- Double-click on the XdevNativeButton and change the label, e.g. to Save.
- In the Properties > Icon, click ..., in the following dialog, click FontAwesome, select an icon, e.g. COG, and then click OK.
Important events:
buttonClick - Is triggered when you click on the UI component. The event is triggered only after the mouse button is released.
Result:
- In the GUI Builder
Important properties:
DisableOnClick - Only allows a one-time single click and then disables the XdevNativeButton.