E-Learning Community DXP Portal Support
Free Trial

Neptune DXP - SAP Edition

    • Release Notes
    • Overview
      • Life Cycle
      • Privacy policy
      • Telemetry
      • Security overview
      • Application deployment roadmap for mobile applications
      • Neptune DXP - SAP Edition architecture
      • SAP Business Technology Platform
      • The Neptune DXP cookbook
        • Step 1: Neptune DXP - SAP Edition installation - On Premises
        • Step 2: Neptune DXP - Open Edition installation – Neptune DXP Cloud
        • Step 3: Neptune DXP - Open Edition remote system setup
        • Step 4: SAP principal propagation setup (optional)
        • Step 5: Neptune DXP - SAP Edition API creation
        • Step 6: Neptune DXP - Open Edition API Discovery Service
        • Step 7: Neptune DXP - Open Edition launchpad integration of Neptune DXP - SAP Edition applications
      • Language support
      • Neptune Theming & Design Best Practice
        • Neptune Theming
        • Design Best practice
    • Installation
      • Installation guide
        • System requirements
        • Neptune Setup Helper
          • Create and run the Neptune Setup Helper
          • Use the Neptune Setup Helper
        • Manual installation of Neptune DXP - SAP Edition
          • Import the main installation transport
          • Import SAPUI5 libraries
          • Set up ICF services
            • ICF node descriptions
          • Enable lock handling for the App Designer in the Cockpit
          • Enable authorization roles for Neptune transactions and the Neptune Cockpit
          • Prepare license setup and activate license
          • Verify sample app NEPTUNE_FLIGHT runs correctly
        • Installation troubleshooting
        • Uninstall
        • System backup
        • Upgrading from UXP 4.x.x to DXP
      • Authentication and accessibility
        • How does fingerprint authentication work?
        • Accessibility settings
        • Ways of consuming apps
        • Send notifications from SAP on mobile devices
        • Single sign on by integrating Azure AD setup in SAP
      • Essentials and First steps
        • Essentials
          • Open Cockpit
          • First Neptune Application
          • First Launchpad
          • Application With Generic Binding
        • First steps
          • Run Neptune apps
          • Access SAP Designer
          • Set up Neptune lock handling
          • Easy table sorting in SAP
          • Use OKTA as identity provider for mobile client
          • Update custom UI5 theme
          • Create Application Variant
          • Add Recently Used Artifact
    • Cockpit
      • Development
        • Marketplace
          • Downloading and installing Legacy Bundle Neptune DXP - SAP Edition Store
        • App Designer
          • Exception Handling - Since DXP 22.10.0009
          • Web App Designer & GUI App Designer
          • App Designer user interface at a glance
            • Shell bar
            • Side navigation
            • Component library
            • Application tree
            • Preview
            • Object properties
          • Create an application with the App Designer
            • Configure an application
            • Create general structure
            • Create page navigation
            • Create a return button
        • Custom JS Helpers
        • Editor Template
        • Documentation
        • Custom UI5 Control
        • Global Search
      • Connectivity
        • RFC Mapping
        • URL Alias
        • API Designer
        • API Factory
          • Technical Overview
          • Creating an API Factory Class
            • Create an API Factory Runtime Class manually
            • Create an API Factory Runtime Class with the Wizard
          • Components
            • General
            • Policy
            • Entity sets
            • Entity references
            • Swagger UI
          • Class Types
          • Exception Handling
            • Example: Class based exceptions
            • Example: Class based exceptions with exception chaining
            • Example: SY-SUBRC based exceptions
        • Integration Card Test
        • API Trace
        • Swagger UI
        • OData Source
      • Administration
        • Application Management
        • Tile
          • Add a new tile
            • Configure general settings of a Default tile
            • Configure general settings of an Integration Card tile
            • Configure general settings of a Live Application tile
            • Configure general settings of a Dynamic tile
            • Configure general settings of a Slidetile/RSS Feed tile
          • Configuring a tile
            • Tile Settings
            • Tile Layout
            • Tile Open Action
            • Tile Style
            • Tile Navigation
            • Tile Documentation
            • Tile Custom Action
            • Tile Policy
            • Tile Translation
            • Where-used
        • Tile Group
          • Add a new tile group
            • Configure general information about your tile group
            • Add tiles to your tile group
            • Configure the layout of your tile group
            • Restrict access to your tile group by using policies
            • Add child tile groups to your tile group
            • Add a translation for your tile group
        • Launchpad
          • Launchpad components
            • Configure the Settings
            • Configure the HTML Header
            • Configure the Authentication
              • External Alias
              • Language
            • Configure the PWA
            • Configure the Global Style
            • Add a Launchpad layout to your Launchpad
            • Add a tile group to your Launchpad
            • Add a policy to your Launchpad
        • Mobile Client
          • Mobile Client Components
            • Settings
            • HTML Header
            • Authentication
            • Device
            • Global Style
            • Layout
            • Adding Tilegroups
            • Mobile Client Policy
            • Create a mobile Client Build
            • Mobile Client Catalog
            • Mobile Client Public Neptune Client
          • Mobile Client Build using Neptune Mobile Build Service
            • iOS Key Creation
            • Android Key Creation
            • Windows Key Creation
          • Mobile Client Build using Cordova
            • iOS Guide
            • Android Guide
            • Cordova on Windows Guide
          • Mobile Client Push Notifications with Firebase
            • Create all the needed iOS certificates
        • Enhancement
          • Add an enhancement
        • Custom Action
          • Add a custom action
        • Sticky Banner
          • Add a sticky banner
        • Login Page
          • Add a login page
        • Catalog
      • Design
        • Media Library
        • SAP UI5 Theme
        • Launchpad Layout
        • Tile Layout
          • Add a new tile layout
        • Splash Screen
        • Media Pack
        • Custom Color
        • Icon Fonts
      • Monitoring
        • Remote Debug
        • Application Usage
        • Extended Trace
        • Mobile Devices
        • Push Devices
        • Mobile Installations
        • Push Log
        • Application Cache
        • Licensed Users
        • Lock Entries
        • Performance
        • Sync Inbound
      • Tools
        • Housekeeping
        • Translate Cockpit Objects
        • Update Check
      • Deployment
        • Export
        • Import
      • Security
        • Applications
        • Policy
        • User management for Cockpit authorization
      • Settings
        • System
        • Customizing
    • Additional guides
      • Add a Neptune App to SAP Fiori Launchpad
      • ACE Editor not working
      • Randomly loosing values in sap.m.Select and sap.m.ComboBox
      • Google Translate API
      • HTTP Response 403
      • HTTP Response 500
      • Old jQuery in mobile client rejected by Google
      • Upgrading SAP to SAP S/4 HANA (including S/4 HANA 2025)
      • How can I see how many users licenses are being used?
      • Installing Neptune in Visual Studio 2017
      • Debugging Neptune Applications & Launchpads
        • Debug Abap
        • Debug Android Mobile Client
        • Debug iOS Mobile Client
        • Debug Windows 10 Mobile Client
      • App Extensions Framework
      • AppCache Monitor
      • Native Motorola/Zebra Barcode-Scanner with a Neptune Application
      • Offline UI5 Applications
      • PDF Viewer Add-on
      • How to run App in a public ICF subnode
      • sap.n.Database & AppSync
      • Version Management
    • FAQ
      • Non-technical Considerations when writing Offline Apps
      • Missing icons in App Designer
      • Mobile Apps Auto-Update
      • Neptune DXP - SAP Edition a Mobile Application Management
      • Neptune instead of SAP Fiori
      • Neptune DXP - SAP Edition open source library usage
    • Request Documentation
Neptune DXP - SAP Edition 21 LTS
  • Neptune DXP
    • default
  • Neptune DXP - Evaluation Guide
    • default
  • Neptune DXP - Naia Build
    • default
  • Neptune DXP - Open Edition
    • 24.15 MTS
    • 24.14 LTS
    • 23 LTS
    • 22 LTS
  • Neptune DXP - Proxy
    • 1.0.0
  • Neptune DXP - Release Notes
    • default
  • Neptune DXP - SAP Edition
    • 24.15 MTS
    • 24.14 LTS
    • 23 LTS
    • 22 LTS
    • 21 LTS
  • Neptune DXP Cloud
    • default
  • Neptune DXP Portal
    • default
  • Neptune DXP Support Guide
    • default
  • Neptune DXP - SAP Edition
  • Cockpit
  • Development
  • App Designer
  • App Designer user interface at a glance
24.15 MTS 24.14 LTS 23 LTS 22 LTS 21 LTS
Neptune DXP Documentation
Neptune DXP - SAP Edition · 21 LTS

App Designer user interface at a glance

The App Designer user interface consists of the following elements:

app designer user interface

The App Designer user interface consists of the following elements:

  • Shell bar

  • Side navigation

  • Component library

  • Application tree

  • Preview

  • Object properties

Related topics

  • App Designer

This page was built using the Antora default UI.

The source code for this UI is licensed under the terms of the MPL-2.0 license.