Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Properties of 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. Set Fields if pressed - assign a particular value for the Bound Field defined in this setting 
  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 further information about the Advanced property


Step-by-step guide

How to add a Button

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

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
showSpacefalse
sorttitle
typepage
cqllabel in ( "add-ui-elements" , "vertical-layout-implementation" , "additional-properties" ) and type = "page" and space = "IFAB"
labelskb-how-to-article

...