UI5CN

Code Sample Level 1

Level 1 - Creating a BAS Instance and Checking the Northwind oData Service

Level 1 - Creating a Fiori® List Report App with Northwind Data Service

Level 1 - Adding Frontend UI Annotations to the Annotation.xml File

Code Sample Level 2

Level 2 - Creating an SAP® CAPM Sample Project for Use

Level 2 - Adding Line Item Annotations for a Fiori® Elements App

Level 2 - Adding Header Info Annotations for a Fiori® Elements App

Level 2 - Adding Facets and FieldGroup Annotations for a Fiori® Elements App

Level 2: Understanding UI Reference Facets and UI Collection Facets - Part 1

Level 2: Understanding UI Reference Facets and UI Collection Facets - Part 2

Level 2: Adding Supplier Schema and Sample Data for Navigation Feature

Level 2: Adding Data with Facets Using Association Navigation

Level 2: Showcasing UI Line Items in Facets for Supplier-to-Product Navigation with New App

Level 2: Multiple Entries for UI Line Items in Facets and Common Issues in UI Line Item Facets

Code Sample Level 3

Level 3 - ABAP® RAP and Fiori® Elements Hands-On Setup and Scope

Level 3 - Understanding VDM and CDS Structure for ABAP® RAP Part 1

Level 3 - Understanding VDM and CDS Structure for ABAP® RAP Part 2

Level 3 - List of Annotations that will be Covered with ABAP® RAP App

Level 3 - ABAP® RAP Project Overview in Eclipse and App Preview

Level 3 - Annotation of Line Item for Sales Order List View Screen

Level 3 - Annotation for Search and Filters for Fields

Level 3 - Annotation to Show Criticality with Associated Colors in List View

Level 3 - Annotation of Header Info for Title, Description and Image

Level 3 - Annotation of FIELDGROUP_REFERENCE to Group Fields Together

Level 3 - Annotation of COLLECTION to Group FIELDGROUP_REFERENCE

Level 3 - Annotation and Use of IDENTIFICATION_REFERENCE

Level 3 - Annotation for DataPoint with Criticality or Status Color

Level 3 - Annotation for LINEITEM_REFERENCE to Show Items List

Level 3 - Annotation for FIELDGROUP_REFERENCE to Show in Detail HEADER

Level 3 - Annotation for Showing Rating with Visualization in Detail HEADER

Level 3 - Annotation to Show and Add Elements to QUICK_VIEW Popup

Level 3 - Resolving Common Issues Faced for Showing QUICK_VIEW Popup

Level 3 - Annotation of WITH_URL Navigation Type

Level 3 - Adding Destination of Shared ABAP® Instance in SAP® BTP to Consume oData Services in BAS

Level 3 - Fixing Common Issues for Destination and Using it for Fiori® Element App in BAS

Level 3 - Deploying Fiori® Element Application to SAP® BTP from BAS CLI

Level 3 - Adding Fiori® Element Application to Build Work Zone/Fiori® Launchpad in BTP and Preview

Level 3 - What is In-Bound and Out-Bound Navigation in Theory

Level 3 - Adding Navigation for Manifest.json Routes and Linking with Semantic Object and Action of Annotation

Level 3 - Testing FOR_INTENT_BASED_NAVIGATION after Deploying App to Fiori® Launchpad in BTP

Level 3 - Annotation of WITH_NAVIGATION_PATH Type

Final Codes and Downloads for Level 4 and Level 5

Level 4 - Checking SAP® CAPM App and getting started with Line Item Annotation for List OVP (Overview Page)

Level 4 - Using Guided Development to generate Manifest.json code for Overview Page List Card

Level 4 - Understanding the use case that we are going to use for the Analytical example

Level 4 - Adding Annotations in CAPM service for oData V4 Analytical example definition support for Aggregation

Level 4 - Adding Annotations in CAPM service for oData V4 Analytical example definition UI.Chart

Level 4 - Adding Card information in the Manifest.json file and fixing syntax errors of Annotations

Level 4 - Fixing syntax errors and seeing the final output of analytics in OVP

Level 4 - Creating ALP (Analytical List Page) and reusing the same Annotation to show Line Chart and Analytical Table with Groupable capabilities

Level 5 - How to Develop a Custom Card for SAP® OVP Fiori® Element

Level 5 - Using Guided Development to Start the Development of Custom Card Code

Level 5 - Checking the Custom Card Code, Adding View Fragment Code, and Previewing the Final Application