Page Comparison

Properties of Toggle Button

1. Id - unique identifier of the control
2. GridData(LMS) - control's column values for Large, Medium and Small screens. Please refer to GridData for further details
3. Label - text to be displayed in the button
4. Icon - icon to be used by the button
5. Bound Pressed - assign a boolean field to this property. This can be used to determine if the button is pressed or released
6. Actions if pressed - a place to inject a custom code or action in the event that the button has been pressed. A common application of this is calling a Javascript Function or navigating to a particular page.
7. Type - sets the type of button defined in SAPUI5 ButtonType
8. Width - width setting 
9. Enabled - set a boolean value or a variable with type boolean from the Model to control the enable property
10. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
11. ToolTip - text to be displayed when hovered to the button
12. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App

13. Advanced -

     

    properties of the control not available in the above list can be added here. 

    Info
    Setting Additional Properties

     

    provides

    additional information.

    further information about the Advanced property

    
    

Step-by-step guide

How to add a Toggle Button

1. Right click on a Form Element and select Add Toggle Button
   Image Modified
   
2. A Toggle Button control has been added
   

...

...