Der XdevNativeButton ist ein Button, der per HTML-Tag <button> vom Web-Browser selbst erzeugt wird und deshalb ein anderes, Browser-spezifisches Aussehen besitzt. Der XdevNativeButton wird i.d.R. benutzt, wenn ein Button ein systemspezifisches Aussehen und Verhalten (Mouse-Over Effekt) besitzen soll. Anders als beim XdevButton, lässt sich beim XdevNativeButton die Höhe ohne Style definieren.
- Fügen Sie einen XdevNativeButton in eine leere View ein.
- Klicken Sie den XdevNativeButton mit Doppelklick an und ändern Sie die Beschriftung, z.B. in Save.
- Klicken Sie in den Properties > Icon auf ..., klicken Sie im folgenden Dialog auf FontAwesome, wählen Sie ein Icon aus, z.B. COG, und klicken Sie auf OK.
Wichtige Events:
buttonClick - Is triggered when you click on the UI component. The event is triggered only after the mouse button is released.
Ergebnis:
- Im GUI-Builder
Wichtige Properties:
DisableOnClick - Only allows a one-time single click and then disables the XdevNativeButton.