| Live Search | ||||
|---|---|---|---|---|
|
...
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 |
|---|---|---|
Dialog | ||
Popover | ||
Select Dialog | ||
View Settings Dialog |
...
Control | FAB Workbench Documentation | SAP Documentation |
|---|---|---|
Tab Bar | ||
Object Header | ||
Tile Container | ||
Avatar | ||
Wizard | ||
Upload Collection | ||
Upload Collection By Key | ||
File Uploader | ||
File Uploader By Key | ||
Map | Google Maps Image. Requires Google Map API | |
Excel Drop | FAB Control to allow uploading of Excel files | |
Spreadsheet (beta) | ||
Custom Node | Provides ability to insert any SAP UI5 control through XML declaration | |
Custom XML | Provides ability to insert custom XML nodes | |
ABAP Subroutine | Provides ability to insert custom ABAP codes | |
Layout Data | ||
Shareable Section | ||
Shareable Section Reference | ||
Widgets |
...