Last update: 2023-08-03. Learn about key AEM 6. The layout adheres to a responsive design style and accommodates itself to the size of the device, or window, or both, that you are using. Learn how to model content and build a schema with Content Fragment Models in AEM. Experience Manager Sites is the only CMS on the market with out-of-the-box capabilities to achieve maximum performance. With Adobe Experience Manager (AEM) as a Cloud Service, Content Fragments lets you design, create, curate, and publish page-independent content. The session will be split in two halves as follows: Part 1: AEM as a headless CMS Where/When/Why? Presenter: Vengadesh Shanmugavelu - Technical Architect, Qatar Airways. 2: Authoring Basics for Headless with AEM: Learn about the concepts and mechanics of authoring content for your Headless CMS using Content. com and select the appropriate organization. Content Models are structured representation of content. As for the authoring experience, a properly-built. These remote queries may require authenticated API access to secure headless content. There are many ways by which we can implement headless CMS via AEM. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. In Eclipse, open the Help menu. When you create an AEM Archetype 37 or later project for Headless adaptive forms, the latest version of above listed libraries is included in the project. Multiple requests can be made to collect as many results as required. This document helps you understand headless content delivery, how AEM supports headless, and how content is. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. But before understanding AEM as headless CMS, let's dive deeper into why enterprises choose headless CMS rather than traditional CMS. JcrResourceResolverFactoryImpl) the property Mapping Location ( resource. 2. Deliver pages faster to reduce bounce rates. The two only interact through API calls. Headless implementation forgoes page and component. General gap: This baseline supports centralized and decentralized models. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. Welcome to the documentation for developers who are new to Adobe Experience Manager. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. An introduction to the powerful, and flexible, headless features of Adobe Experience Manager, and how to author content for your project. Follow the steps below: Navigate to the Content Transfer wizard and select the migration set for which you want to perform the top-up extraction. For each core product — Experience Manager Sites and Experience Manager Assets — Adobe has provided a list of roles you must fill,. If you are new to AEM and/or headless, AEM’s Headless Journeys are a great place to start to understand the theory and technology by way of a narrative to solve various business problems in a headless fashion. With Headless Adaptive Forms, you can streamline the process of building. Changes in AEM as a Cloud Service. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. The sidekick plugin for AEM Assets supports access to: AEM Assets as. Using a REST API introduce challenges: AEM Headless CMS Developer Journey. SPA Editor learnings (Some solution. Content Services Tutorial. Now that you have read the article AEM as a Cloud Service Terminology and understand the basics of AEMaaCS structure, you are ready to log into the Admin Console for the first time!. json to be more correct). 2: Authoring Basics for Headless with AEM: Learn about the concepts and mechanics of authoring content for your Headless CMS. This involves structuring, and creating, your content for headless content delivery. The benefit of this approach is cacheability. Select Create. With Headless Adaptive Forms, you can streamline the process of building. Session description: There are many ways by which we can implement headless CMS via AEM. Deploying a SPA that interacts AEM in a headless manner involves hosting the SPA and making it. For headless, your content can be authored as Content Fragments. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. The journey defines additional personas with which the developer must interact for a successful project, but the point-of-view for the journey is that of the developer. For the purposes of this getting started guide, you are creating only one model. A third party system/touchpoint would consume that experience and then deliver to the end user. With your AEM publish server running on your macOS computer, listening on port 4503, you can run start the Dispatcher in front of that server as follows: $ docker_run. If the image is purely decorative and alternative text would be unnecessary, the Image is decorative option can be checked. Adobe Experience Manager Sites lets marketers create content while allowing developers to focus on building and shipping code. These are defined by information architects in the AEM Content Fragment Model editor. 4 service pack 2. Adobe Experience Manager (AEM) as a Cloud Service offers a re-architected foundation for Experience Manager, built upon a container-based infrastructure, API-driven development, and guided DevOps process, allowing marketers and developers to always keep ahead of the curve in customer experience management innovations. Explore tutorials by API, framework and example applications. Confirm with Create. sh out docker. The TagID is added to the content node’s cq:tags property and resolves to a node of type cq:Tag. Any usage of the API past the removal date will generate errors in the local SDK/Development Environment and the Cloud Manager build process. The CORS configuration must specify a trusted website origin alloworigin or alloworiginregexp for which access must be granted. Authoring Basics for Headless with AEM. localhost:4503 8080. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to model content for your project. Ensures that all player events are stored. Learn how to connect AEM to a translation service. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. Use GraphQL schema provided by: use the drop-down list to select the required configuration. AEM Client-Side Libraries (clientlibs) allow you to organize and centrally store these client-side libraries within the repository. A Content author uses the AEM Author service to create, edit, and manage content. adobe. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. The Create new GraphQL Endpoint dialog box opens. Learn more about developing your strategy within. Tap Create new technical account button. Here you can specify: Name: name of the endpoint; you can enter any text. Adobe Experience Manager (AEM), can selectively access your Content Fragments using the AEM GraphQL API, to return only the content that is needed. Be aware of AEM’s headless integration levels. In this session, we will cover the following: Content services via exporter/servlets. adobe. AEM Headless Content Architect Journey Overview; Content Modeling for Headless with AEM - An Introduction; Learn the Content Modeling Basics for Headless with AEM; Learn about Creating Content Fragment Models in AEM; Headless Translation Journey. ;. This shows that on any AEM page you can change the extension from . In addition to offering robust tools to create, manage, and deliver traditional webpages in the full-stack fashion, AEM also offers the ability to author self-contained selections of content and serve them headlessly. adobe. Using the API a developer can formulate queries that select specific content. After you do this, the Migration set. Session description: There are many ways by which we can implement. Audience: Beginner; Objective: Introduce the basics of. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL IDE. AEM Headless - makes. Author in-context a portion of a remotely hosted React application. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs,. The UI caters for both mobile and desktop devices, though rather than creating two styles, AEM uses one style that works for all screens and devices. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. The system administrator is the individual who is first contacted by Adobe after your AEM as a Cloud Service contract is signed. AEM 6. The front-end developer has full control over the app. Adobe’s Open Web stack, providing various essential components (Note that the 6. In this part of the AEM Headless Developer Journey, learn about AEM Headless prerequisites. Tap Create to bring up the New Content Fragment dialog and enter the following values: Tap Create. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Release Notes. In the Cache Configuration modal, update the max-age header value to 600 seconds (10 mins), then click Save. It provides cloud-native agility to accelerate time to value and. As you continue through this developer journey, you learn how AEM supports headless delivery along side its full-stack delivery capabilities. Once you have tested the new features in the prerelease channel and have decided to use them in. They can continue using AEM's robust authoring environment with familiar tools, workflows. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Customers are expected to remove the APIs by the target removal date from their code. Learn. 2. Objective. A headless content management system (CMS) allows you to manage and reuse digital content from a single repository and publish to web, mobile apps, and single page applications. A “Hello World” Text component displays, as this was automatically added when generating the project from. Available for use by all sites. Get to know how to organize your headless content and how AEM’s translation tools work. Authoring for AEM Headless as a Cloud Service - An Introduction: An introduction to the headless features of Adobe Experience Manager as a Cloud Service, and how to author content for your project. Learn how to use Adobe Experience Manager (AEM) as a Headless CMS (Content Management System), with features such as Content Fragment Models, Content. When using SSR, the component interaction workflow of SPAs in AEM includes a phase in which the initial content of the app is generated on Adobe I/O Runtime. Learn how to use features like Content Models, Content Fragments, and a GraphQL API to power headless content delivery. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. Adobe Experience Manager supports a headless approach, freeing it from being bound to its historical Java-based web development. 5 and Adobe Experience Manager as a Cloud Service, let's explore how Adobe Experience Manager can be used as a headless CMS. What is Adobe Experience Manager Headless CMS? Adobe Experience Manager headless CMS gives developers the freedom to do what they do best: build faster and deliver exceptional experiences using the languages, frameworks, and. Referrer Filter. This forced marketers to use headless-only CMS and to initiate a development cycle for any layout change, loosing their control over any form of layout and impacting the velocity of changes. Tap in the Integrations tab. Once the extraction process is complete, you can transfer delta content, by using the top-up extraction method. As a. Using the GraphQL API in AEM enables the efficient delivery. Start here for a guided journey through the. This guide provides an overview of Experience Manager as a Cloud service, including an introduction, terminology, architecture, etc. resource. infinity. Log into AEM and from the main menu select Tools -> Assets -> Content Fragment Models. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. AEM Headless CMS Developer Journey. Tap or click the folder that was made by creating your configuration. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. This document gives a detailed overview of the various parts that make up AEM and is intended as a technical appendix for a full-stack AEM developer. json where appname reflects the name of your application. From the Adobe Experience Cloud home page, select Experience Manager to open the AEM home page. AEM-Driven Communication Flow. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. Get an understanding of headless content delivery and implementation. You have learned the basics of Headless CMS Authoring, with an introduction to authoring with AEMaaCS and in. Tap Get Local Development Token button. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. sling. Click Add…. 3. This document is intended as a high-level quick start guide for the key page authoring actions in AEM. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to author content for your project. Select Create & Translate at the bottom. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. Edge Delivery enables you to use images available in AEM Assets repositories while authoring documents in Microsoft Word or Google Docs. Several configurations are used to open GraphQL endpoints to headless applications. Determine how content is distributed by regions and countries. A headless content management system (CMS) allows you to manage and reuse digital content from a single repository and publish to web, mobile apps, and single page applications. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. Navigate to Tools -> Assets -> Content Fragment Models. Expand Assets and select Content Automation. As a best practice, to stay in the middle, set the qlt= value to 85 to stay in the middle. Create Content Fragments based on the. Consider which countries share languages. Option 2: Share component states by using a state library such as Redux. After reading you should: Understand the importance of content. On top of that, content from Edge Delivery can easily be consumed in your AEM Sites pages and vice versa. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. Last update: 2023-10-03. To download assets, follow these steps: In Experience Manager user interface, click Assets > Files. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. Navigate to Tools > Cloud Services > Adobe Acrobat Sign and open the configuration container you created in the previous step. In this part of the AEM Headless Content Author Journey, you can learn the (basic) concepts and terminology necessary to understand authoring content when using. In terms of. Content Fragment Models are generally stored in a folder structure. Adobe Experience Manager (AEM) is now available as a Cloud Service. Under Cloud Service Configurations in the Add Configuration drop. NOTE. After a user creates a Content Fragment based on the Article model, it can then be interrogated through GraphQL. Tap or click Create. Learn how Experience Manager as a Cloud Service works and what the software can do for you. Developer. Improved Content Governance: Headless CMS in AEM maintains content governance & control for authors. Understand the basic concepts. In the Source tab, select a template: When you select an Editable template, a theme and submit action specified in the template are auto-selected, and the Create button is enabled. From the Target Languages list, select the language for which you want to create a folder structure. A Headless Content Management System (CMS) is: "A headless content management system, or headless CMS, is a back-end only content management system (CMS) built from the ground up as a content repository that makes content accessible via an API for display on any device. The session will be split in two halves as follows: Part 1: AEM as a headless CMS Where/When/Why? Presenter: Vengadesh Shanmugavelu - Technical Architect, Qatar Airways. Navigate to Tools > Cloud Services > Adobe Acrobat Sign and open the configuration container you created in the previous step. SPA Editor learnings. At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. AEM Headless GraphQL Video Series. Adobe Experience Manager (AEM) as a Cloud Service is the latest offering of the AEM product line, helping you continue to provide your customers with personalized, content-led experiences. Quick development process with the help. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Adobe Summit is one of the world’s biggest digital experience conferences, and it’s just around the corner. You can also use Edge Delivery Services in. E-sign a document with Adobe Sign and AEM Workflows; Forms Analytics: Use Adobe Analytics to gain valuable insights into user behavior and preferences: Connect an Adaptive Form with Adobe Analytics; Data Sources: Easily connect your forms and documents with external data sources to retrieve and send data: Connect to an RDBMS. Navigate to the folder you created previously. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. AEM HEADLESS SDK API Reference Classes AEMHeadless . 0 and higher will detect if the prerelease API is used in a project by inspecting the dependencies. Teams can easily create responsive, personalized experiences across every customer touchpoint including single-page apps, mobile apps, IoT, and more. Click Create. With Headless Adaptive Forms, you can streamline the process of building. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. AEM 6. In the previous document of the AEM headless translation journey, Learn about headless content and how to translate in AEM you learned the basic theory of what a headless CMS is and you should now: There are many ways by which we can implement headless CMS via AEM. Learn about AEM’s GraphQL capabilities through the in-depth walk-through of Content Fragments and and AEM’s GraphQL APIs and development tools. We're trying to integrate AEM with a CMS too. 1. g. Learn About CMS Headless Development by Adobe Docs Abstract In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. com and select the appropriate organization. Objective. Discover the Headless CMS capabilities in Adobe Experience Manager. The GraphiQL tool enables developers to create and test queries against content on the current AEM environment. While client-side GraphQL queries can also be executed using HTTP POST requests, which cannot be cached, persisted queries can be cached. impl. Learn about headless development using Adobe Experience Manager (AEM) as a Headless CMS. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a React App that consumes the content over AEM Headless GraphQL APIs. Since various solutions are used and there are several layers of monitoring, this page is organized into three sections:Content Modeling for Headless with AEM - An Introduction. It is the main tool that you must develop and test your headless application before going live. The Create new GraphQL Endpoint dialog box opens. cloudmanager. Get a free trial Explore Headless CMS features. The AEM CS SDK build Analyzer maven plugin v1. Last update: 2023-08-16. Tap the Technical Accounts tab. With our headless CMS you can create structured content once and reuse it across any digital touchpoint via APIs. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to use them on your project. Check both AEM and Sling plugins. From the main menu of AEM, tap or click on Sites. Also known as local groups, these groups can be managed within the AEM author environment. AEM Headless APIs allow accessing AEM content. Last update: 2023-06-28. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Headless CMS. Improved load times and responsiveness boost search rankings, traffic, and conversion. Adobe Experience Manager Sites is the industry-leading content management system that empowers any marketer or developer to create high-performance pages across any digital property — from web to mobile to apps. Editable fixed components. The Story So Far. Understand how to build and customize experiences using AEM’s powerful features. User. Here you can enter various key details. On the configuration page, tap Create to create Adobe Acrobat Sign configuration in AEM Forms. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. These are self-contained items of content that can be directly accessed by a range of applications, as they have a predefined structure, based on Content Fragment Models. With Headless Adaptive Forms, you can streamline the process of building. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Explore tutorials by API, framework and example applications. SPA Editor learnings (Some solution. Headful : Website AnatomyDeveloper. Click the program for which you want to reset the RDE. Time; Headless Developer Journey: For developers new to AEM and headless technologies, start here for a comprehensive introduction to AEM and its headless features from the theory of headless through going live with your first headless project. SPA Editor learnings (Some solution. Creating Content Fragment Models. 4. In terms of authoring Content Fragments in AEM this means that:An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. For Java and WebDriver, use the sample code from the AEM Test Samples repository. Learn About CMS Headless Development by Adobe Docs Abstract In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. Adobe Experience Manager (AEM) 6. In the previous document of the AEM headless journey, Getting Started with AEM Headless as a Cloud Service you learned the basic theory of what a headless CMS is and you should now: ; Understand the basics of AEM's headless features. This can be done under Tools -> Assets -> Content Fragment Models. AEM Screens provides an out of the box integration with Adobe Analytics and provides you with a proof of play. Watch overview Explore the power of a headless CMS with a free, hands-on trial. One of the major goals for AEM as a Cloud Service is to allow experienced customers (having used AEM either on-premise or in the context of the Adobe Managed Services) to migrate to AEM as a Cloud Service as. To optimize for a small image file size but keep image quality at an acceptable level, set the qlt= value to 80. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. There are two streams of operationalization for AEM Sites and AEM Assets: Basic run and operate day-to-day work (metadata update) Strategy and transformation work, such as large cross-organization projects. Adobe’s visual style for cloud UIs, designed to provide consistency. In the Location field, copy the installation URL. Adobe Experience Manager headless CMS is the most flexible content management system that helps teams quickly build and deliver customer experiences across all channels and devices. Adobe I/O Runtime-Driven Communication Flow The previous section describes the standard and recommended implementation of server-side rendering regarding SPAs in AEM, where AEM performs the bootstrapping and serving. You can go to the Style or Submission tabs to select a different theme or submit action. First, explore adding an editable “fixed component” to the SPA. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. You can click Add again to specify more allowed. The current implementation of the Assets HTTP API is based on the REST architectural style and enables you to access content (stored in AEM) via CRUD operations (Create, Read, Update, Delete). The CORS configuration must specify a trusted website origin alloworigin or alloworiginregexp for which access must be granted. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. The DAM Users is an out of the box group in AEM that can be used for “everyday” users that manage digital. : Guide: Developers new to AEM and headless: 1. With Headless Adaptive Forms, you can streamline the process of. Bootstrap the SPA. With Contentstack and Adobe DAM, you can take your user's experience to the next level. Resource Description Type Audience Est. This document provides and overview of the different models and describes the levels of SPA integration. Headless implementations enable delivery of experiences across platforms and channels at scale. Create content to excite your customers, wherever they are. Implementing Applications for AEM as a Cloud Service; Using Cloud Manager. This document helps you understand headless content delivery, how AEM supports headless, and how. Clients can send an HTTP GET request with the query name to execute it. of the application. Getting Started with AEM Headless. This guide provides an overview of Experience Manager as a Cloud service, including an introduction, terminology, and architecture. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. For authoring AEM content for Edge Delivery Services, click here. However, Adobe recommends to use the Enable Adobe Analytics for an Adaptive Form using Experience Cloud Setup Automation. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. Session description: There are many ways by which we can implement headless CMS via AEM. At the beginning of the AEM Headless Content Author Journey the Introduction covered the basic concepts and terminology relevant to authoring for headless. js (JavaScript) AEM Headless SDK for Java™. Know the prerequisites for using AEM’s headless features. Adobe Experience Manager (AEM) Content Fragments allow you to design, create, curate and publish page-independent content. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. For now, the focus is on putting the right people in the right jobs to help drive your Adobe Experience Manager deployment. Learn about Creating Content Fragment Models in AEM The Story so Far. You signed in with another tab or window. Click on Create Migration Set. To configure Experience Manager to restrict users to upload files of specific MIME types: Navigate to Tools > Assets > Assets Configurations. Commerce User Guide: Learn about Commerce Integration Framework on AEM. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. adobe. Navigate to the folder holding your content fragment model. If you have a decentralized model. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless. Select the folder or select one or more assets within the folder. This tutorial explores. At the beginning of the AEM Headless Content Author Journey the Introduction covered the basic concepts and terminology relevant to authoring for headless. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. Session description: There are many ways by which we can implement headless CMS via AEM. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. These are defined by information architects in the AEM Content Fragment Model editor. The sidekick plugin for AEM Assets supports access to: AEM Assets as. When this content is ready, it is replicated to the publish instance. Adobe Experience Manager Assets is a DAM that gives you automation and tools to rapidly source, adapt, and deliver your assets across audiences and channels so you can spend less time searching for and adjusting content. For example, to grant access to the GraphQL endpoint. In this part of the AEM Headless Developer Journey, learn about AEM Headless prerequisites. 3. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to author content for your project. internal. Train Your Users. This document. The Navigation Panel can be opened by selecting Adobe icon at the. It helps provide insights about performance and popularity of the images. A Form Data Model lets you: Access data model objects, properties, and services from connected data sources. Learn how to use Content Fragments in Adobe Experience Manager (AEM) as a Cloud Service with the AEM GraphQL API for headless content delivery.