E-Learning Community DXP Portal Support
Free Trial

Neptune DXP - SAP Edition

    • Release Notes
      • DXP22.10.0015 Changelog
      • DXP22.10.0014 Changelog
      • DXP22.10.0012 Changelog
      • DXP22.10.0011 Changelog
      • DXP22.10.0010 Changelog
      • DXP22.10.0009 Changelog
      • DXP22.10.0008 Changelog
      • DXP22.10.0007 Changelog
      • DXP22.10.0006 Changelog
      • DXP22.10.0005 Changelog
      • DXP22.10.0004 Changelog
      • DXP22.10.0003 Changelog
      • DXP22.10.0002 Changelog
      • DXP22.10.0001 Changelog
    • Overview
      • Life Cycle
      • Privacy policy
      • Telemetry
      • Security overview
      • Application deployment roadmap for mobile applications
      • Neptune DXP - SAP Edition architecture
      • SAP BTP
      • The Neptune DXP cookbook
        • Neptune DXP - SAP Edition installation - On-Premises
        • Neptune DXP - Open Edition installation – Neptune DXP Cloud
        • Neptune DXP - Open Edition remote system setup
        • SAP principal propagation setup (optional)
        • Neptune DXP - SAP Edition API creation
        • Neptune DXP - Open Edition API Discovery Service
        • Neptune DXP - Open Edition launchpad integration of Neptune DXP - SAP Edition apps
      • Language support
      • Neptune Theming & Design Best Practice
        • Neptune Theming
        • Design Best practice
    • Installation
      • Installation guide
        • System requirements
        • Browser and Platform Matrices
        • Download & Installation
        • Uninstall
        • System backup
        • Upgrading from UXP 4.x.x to Neptune DXP - SAP Edition
      • 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 Microsoft Entra ID 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
          • Edit screens, rearrange and resize tiles
          • Update custom UI5 theme
          • Create Application Variant
          • Add Recently Used Artifact
    • Cockpit
      • Development
        • Neptune DXP Marketplace
          • Downloading and installing Legacy Bundle Neptune DXP - SAP Edition Store items
        • App Builder
        • 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
          • Export and import limitations in the App Designer
        • Custom JS Helpers
        • Editor Template
        • Documentation
        • Custom UI5 Control
        • Global Search
        • Data Model Transformations
      • 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
              • OAuth 2.0
            • 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
      • Ace Editor not working
      • Embedding Fiori Apps in a Neptune Launchpad
      • Add a Neptune App to SAP Fiori Launchpad
      • Google Translate API
      • HTTP Response 403
      • HTTP Response 500
      • Old jQuery in mobile client rejected by Google
      • Upgrading to S/4HANA or NetWeaver 7.50 and higher
      • How can I see how many users licenses are being used?
      • 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
      • Notifications
      • 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 22
  • Neptune DXP
    • landing
  • Neptune DXP - Evaluation Guide
    • All
  • Neptune DXP - Open Edition
    • 24
    • 23
    • 22
  • Neptune DXP - Portal
    • All Versions
  • Neptune DXP - SAP Edition
    • 24
    • 23
    • 22
    • 21
  • Neptune DXP Cloud
    • All Versions
  • Style guide
    • All
  • Neptune DXP - SAP Edition
  • Cockpit
  • Development
  • App Designer
  • App Designer user interface at a glance
24 23 22 21

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.