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.
...
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:
Include Page Event buttonClick Event buttonClick
...
Result:
- Im In the GUI - Builder
...
Important properties:
Include Page Property DisableOnClick Property DisableOnClick
...
All XdevNativeButton
...