Versions Compared

Key

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

Live Search
spaceKey@self
sizelarge

...

Fiori App Builder comes packaged with a set of common SAP UI5 controls that can be easily added to your application without any additional coding.  These components are in reality SAP UI5 controls but Fiori App Builder has wrapped these so that they can be used directly from within the FAB Workbench. Controls can be added to the application by right clicking on a node in the Form Structure and selecting the control. It forms a nested tree structure when the ctrl key is pressed while dragging and dropping a child control onto a parent control. To interact with these controls in a more advanced manner, the API documentation for each control can be viewed from the links below where properties and events will be displayed that can be manipulated through JavaScript code.

...

Control

FAB Workbench Documentation 

SAP Documentation

Text

Text

sap.m.Text

Label

Label

sap.m.Label

Title

sap.m.Title

Formatted Text

sap.m.FormattedText

Object Attribute

sap.m.ObjectAttribute

Object Identifier

Object Identifier

sap.m.ObjectIdentifier

Object Number

sap.m.ObjectNumber

Object Status

sap.m.ObjectStatus

Icon

Icon

sap.ui.core.Icon

Image

Image

sap.m.Image

HTML

HTML

sap.ui.core.HTML

Link

sap.m.Link

Breadcrumbs

sap.m.Breadcrumbs

Message Strip

sap.m.MessageStrip

...

Button Controls

Control

FAB Workbench Documentation 

SAP Documentation

Button

Button

sap.m.Button

Toggle Button

Toggle Button

sap.m.ToggleButton

Segmented Button

sap.m.SegmentedButton

...

Control

FAB Workbench Documentation 

SAP Documentation

FAB Process Flow

FAB Process Flow

FAB Error Log

FAB Error Log

Generic Process Flow

Generic Process Flow

sap.suite.ui.commons.ProcessFlow

...