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 - Wird ausgelöst, wenn UI-Komponente angeklickt wird. Erst mit dem Loslassen der gedrückten Maustaste wird das Event ausgelöst.
Ergebnis:
- Im GUI-Builder
Wichtige Properies:
DisableOnClick - Lässt nur einmalig einen Einfachklick zu und deaktiviert den XdevNativeButton anschließend.