index.md

SAP Fiori Tools User Guide

Last Updated: May 2023

• Developing SAP Fiori Applications with SAP Fiori Tools
• Getting Started with SAP Fiori Tools
  • Installation
    • SAP Business Application Studio
    • Visual Studio Code
      • System Requirements
      • Cloud Foundry CLI tools
      • Prerequisites
      • Set up Visual Studio Code
      • Install Extensions
      • Supported Authentication Types
  • Capabilities Overview
    • Command Palette
  • Migration
  • Importing an Application
  • ABAP Development Tools Integration
  • Telemetry
  • Report Issues and Security
• Project Functions
  • Application Information
  • Application SAPUI5 Version
  • Data Editor
  • Deleting an Application in CAP Project
  • Environment Check
  • Information Panel
  • Managing System Connection
  • Managing Service and Annotations Files
  • Project Validation
  • Reuse Library Support
  • Viewing Service Metadata
  • UI Service Generation
• Generating an Application
  • SAP Fiori Elements
    • Supported Floorplans
    • Data Source
    • Floorplan Properties
  • Freestyle SAPUI5
    • Supported Templates
      • Basic Template
    • Data Source
    • Template Properties
  • Additional Configuration
    • Generating an MTA Deployment File
    • Adding a Fiori Application to an MTA Deployment File with the SAP Fiori Application Generator
      • Adding Deployment Configuration to an Existing MTA Deployment File
      • Creating an MTA Deployment File during Application Generation
    • Adding JavaScript Code Assist
  • Security Certificate
• Generating an Application with the Project Accelerator or Joule Using SAP Fiori Tools AI
  • Generating an Application Using Text
    • Example 1: Manage Contracts and Customer Information in the System
    • Example 2: Display Customers with Related Contracts
  • Generating an Application Using an Image
    • Example: Manage Travel List Report Page
  • Generating an Application Using Text and Images
    • Example: Manage Travel App List Report Object Page
  • Viewing Generation Logs
• Previewing an Application
  • Convert a Project to Use Virtual Endpoints
  • Previewing an SAP Fiori Elements CAP Project
  • Use Live Data
  • Use Mock Data
    • Installing MockServer
  • Use Local Sources
  • Use Custom Middlewares
  • Use Run Control
    • Run Control Overview
    • Create a New Run Configuration in Visual Studio Code
    • Create a New Run Configuration in SAP Business Application Studio
  • App-to-App Navigation Preview
  • Preview an Application on External Fiori Launchpad
  • Developer Variant Creation
  • Preview an Application with the SAP Horizon Theme
• Developing an Application
  • Define Application Structure
  • Configure Page Elements
    • Maintaining Annotation-Based Elements
      • Overview
        • Annotation Support
        • Taskbar Notification
        • Edit in Source Code
        • Automatic Generation
        • Internationalization (i18n)
        • Project Cleanup
      • Supported Elements in Page Editor
        • List Report Page
          • Filter Fields
          • Table
            • Table Actions
            • Table Columns
              • Basic Columns
              • Rating Column
              • Progress Column
              • Chart Column
              • Contact Column
          • Multiple Views
          • Analytical Chart
        • Form and Object Page
          • Header
            • Header Properties
            • Header Actions
            • Header Section
          • Sections
            • Table Section
            • Form Section
              • Basic Fields
              • Contact Field
              • Connected Fields
              • Actions
            • Identification Section
            • Chart Section
            • Group Section
          • Footer
      • Appendix
        • Criticality Representation
        • Criticality
        • Description
        • Display as Image
        • Hidden
        • Hide by Property
        • Measures and Currencies
        • Label Maintenance
        • Text
        • Text Arrangement
        • Tooltip
        • Text and Text Arrangement for Fields Configured with ValueHelp
        • Semantic Object Name
        • Semantic Object Property Mapping
        • ValueHelp
    • Maintaining Extension-Based Elements
      • Adding Custom Column
      • Adding Custom Section
      • Adding Custom Action
      • Adding Custom View
      • Adding Controller Extension
    • Maintaining Building Blocks
  • Use Feature Guides
    • Search for a Guide
      • Currently Available Guides
    • Develop with a Guide
      • Change the Code
    • Request a New Guide
  • Working with Annotations
    • Maintaining Annotations with Language Server
      • Code Completion
      • Micro-Snippets
      • Diagnostics
      • Internationalization Support
      • Peek and Go to Definition
      • Navigation to References
      • Documentation (Quick Info)
    • Visualizing Annotations with Service Modeler
      • Overriding Annotations
• Deploying an Application
  • Deployment Configuration
  • Generate Deployment Configuration ABAP
  • Generate Deployment Configuration Cloud Foundry
  • SAP Fiori Launchpad Configuration
  • Deployment of Application
  • Undeploy an Application
  • Expose Application to Central Application Router
  • Security
• Extending an Existing Application
  • Extending an SAP Fiori Application for an On-Premise System
    • Creating an Adaptation Project
    • Working with an Adaptation Project
      • Making Adaptations
        • Adapting the UI
          • Create Control Variants (Views)
          • Add Fragments to an Aggregation or Extension Point
          • Controller Extensions
          • Internationalization
          • Quick Actions Availability Matrix
        • Adding App Descriptor Changes
          • Replacing OData Service
          • Adding Local Annotation Files
          • Adding OData Service and New SAPUI5 Model
          • Adding SAPUI5 Component Usages Manually
      • Previewing an Adaptation Project
      • Deploying an Adaptation Project to the ABAP Repository
      • Updating the Adaptation Project
      • Deleting an Adaptation Project
  • Extending an SAP Fiori Application for SAP S/4HANA Cloud Public Edition and SAP BTP, ABAP Environment
    • Create the Adaptation Project
    • Making Adaptations
      • Adapting the UI
        • Create Control Variants (Views)
        • Add Fragments to an Aggregation or Extension Point
        • Controller Extensions
        • Upgrade Safe Compatibility Rules
        • Internationalization
        • Quick Actions Availability Matrix
      • Adding App Descriptor Changes
        • Replacing OData Service
        • Adding Local Annotation Files
        • Adding OData Service and New SAPUI5 Model
        • Adding SAPUI5 Component Usages
        • Change Inbound
    • Previewing an Adaptation Project
    • Deploying or Updating an Adaptation Project to the ABAP Repository
    • Check Whether Your Adaptation Project Is Up-To-Date with Base App Upgrades
    • Deleting an Adaptation Project
  • Releasing an SAP Fiori Application to Be Extensible in Adaptation Projects on SAP S/4HANA Cloud and SAP BTP, ABAP Environment
    • Check Consistency of Release State