SAP Fiori Tools
Configuring and extending SAP Fiori Elements applications.
Floorplans Available
| Floorplan | Template ID | Use Case |
|---|---|---|
| List Report + Object Page | FE_LROP | Master-detail, most common |
| Analytical List Page | FE_ALP | Charts + table hybrid |
| Overview Page | FE_OVP | Dashboard cards |
| Worklist | FE_WORKLIST | Task-oriented list |
| Form Entry Object Page | FE_FEOP | Form-centric entry (V4 only) |
| Flexible Programming Model | FE_FPM | Custom page layout (V4 only) |
manifest.json Configuration
{
"sap.ui.generic.app": {
"pages": [{
"entitySet": "Products",
"component": { "name": "sap.suite.ui.generic.template.ListReport", "list": true }
}, {
"entitySet": "Products",
"component": { "name": "sap.suite.ui.generic.template.ObjectPage" }
}]
}
}
Custom Actions
// manifest.json extension
{
"sap.ui.generic.app": {
"pages": [{
"component": {
"settings": {
"tableSettings": {
"customActions": [{
"name": "AnalyzeRisks",
"text": "Analyze Risks",
"press": "onAnalyzeRisks"
}]
}
}
}
}]
}
}
Custom Controller Extension
sap.ui.define(["sap/ui/core/mvc/ControllerExtension"], function(ControllerExtension) {
return ControllerExtension.extend("my.app.ext.Main", {
onAnalyzeRisks: function(oEvent) {
// Custom action logic
}
});
});
Layout Types
| Layout | Description |
|---|---|
| FlexibleColumnLayout | 2 or 3 column master-detail |
| BottomNavigation | Mobile-style bottom tabs |
| SideDrawerNavigation | Side panel navigation |
| Tabs | Tab-based page navigation |
| Section | Simple single-page layout |
Gotchas
- Custom actions only support 8 data fields in create dialog
- Multi-view requires quickVariantSelectionX configuration
- Draft state not maintained for dialog-created objects
- Fiori Elements V2 annotations are XML; V4 annotations are CDS-based