- This page is designed to give an overview of basic handling when using the AEM author environment. It uses the Sites console as a basis.
- Some functionality is not available in all consoles and additional functionality may be available in some consoles. Specific information about the individual consoles and their related functionality will be covered in more detail on other pages.
- Keyboard shortcuts are available throughout AEM. In particular when using consoles and editing pages.
AEM's user interface has been enabled for touch. A touch-enabled interface allows you to use touch to interact with the software through gestures such as tap, touch-and-hold, and swipe. This is in contrast to how a traditional desktop interface operates with mouse actions such as click, double-click, right-click, and mouseover. Because only gestures are required, the touch-enabled UI is fully operational on mobile tablet devices and still has full functionality on the desktop as well.
Immediately after logging in you arrive on the Navigation panel. This will be discussed in more detail in a following section.
Clicking on one of the options opens the respective console. To get a good understanding of the basic use of AEM, this document is based on the Sites console.
Click or tap on Sites to get started.
Whenever a user first accesses a console, a product navigation tutorial is started. Take a minute to click or tap through to get a good overview of the basic handling of AEM.
Click or tap Got it! to advance to the next page of the overview. Click or tap Close or click or tap outside of the overview dialogue to close.
The overview will restart the next time you access a console unless you check the option Never show this again.
You can navigate between the consoles using the global navigation panel. This is triggered as a full-screen drop down when you click or tap the Adobe Experience Manager link at the top-left of the screen.
You can close the global navigation panel by clicking or tapping Close to return to your previous location.
When you first login you presented with the Navigation panel.
Global navigation has two panels, represented by icons at the left-margin of the screen:
- Navigation - Represented by a compass
- Tools - Represented by a hammer
The options available on these panels are described below.
Console Purpose Assets
These consoles let you import and manage digital assets such as images, videos, documents and audio files. These assets can then be used by any website running on the same AEM instance. Communities This console allows you to create and manage community sites for engagement and enablement. Commerce This allows you to manage products, product catalogs and orders related to your Commerce sites. Experience Fragments An experience fragment is a stand-alone experience that can be re-used across channels and have variations, saving the trouble of repeatedly copying and pasting experiences or parts of experiences. Forms This console allows you to create, manage, and process your forms and documents. Content Services This console allows you to manage your mobile applications. Personalization This console provides a framework of tools for authoring targeted content and presenting personalized experiences. Projects The Projects console gives you direct access to your projects. Projects are virtual dashboards. They can be used to build a team, then give that team access to resources, workflows and tasks, allowing people to work on a common goal.
Screens Screens will allow you to manage all your customer-facing screens, of any size and in any location. Sites The Sites consoles let you create, view and manage websites running on your AEM instance. Through these consoles you can create, edit, copy, move and delete website pages, start workflows, and publish pages.
In the Tools panel, each option in the side panel contains a range of sub-menus. The Tools consoles available here provide access to a number of specialized tools and consoles that help you administer your websites, digital assets and other aspects of your content repository.
The header is always present at the top of the screen. While most options in the header remain the same no matter where you are in the system, some are context-specific.
The options presented depend on your current console. For example, in Sites you can select content only (the default), the timeline, references or filter side panel.
Situated in the middle of the rail, and always showing the description of the currently selected item, the breadcrumbs allow you to navigate within a specific console. In the Sites console, you can navigate through the levels of your website.
Simply click on the breadcrumb text to display a drop-down listing the levels of the hierarchy of the currently selected item. Click on an entry to jump to that location.
This is available in list view only. See list view for more information.
The first time you navigate the system, a series of slides introduce AEM navigation.
From the Tools console you can also access the external Resources:
View the Web Experience Management documentation
- Developer Resources
Developer resources and downloads
Whenever a resource is selected (e.g. a page or an asset), various actions are indicated by icons with explanatory text in the toolbar. These actions are dependent on:
- The current console.
- The current context.
- Whether you are in selection mode.
The action available in the toolbar change to reflect the actions you can take on the specific items selected.
How you select a resource depends on the view.
Due to the space restrictions in some windows, the toolbar can quickly become longer than the space available. When this happens additional options appears. Clicking or tapping on the ellipsis (the three dots or ...) opens a drop down selector holding all remaining actions. For example, after selecting a page in the Sites console:
The individual icons available are documented in relation to the appropriate console/feature/scenario.
In Card View certain actions are available as quick action icons as well as being on the toolbar. Quick action icons are available for a single item at a time and eliminate the need for you to preselect.
The quick actions are visible when you mouseover (desktop device) a resource card. The quick actions available can depend on the console and context. For example, here are the quick actions for a page in the Sites console:
Viewing, navigating, and selecting are each conceptually the same across all views, but have small variations in handling, dependent on the view you are using.
By default, AEM Assets does not display the original renditions of assets in the UI as thumbnails in any of the views. If you are an administrator, you can use overlays to configure AEM Assets to display original renditions as thumbnails.
In all cases as you select items, the count of the items selected is displayed at the top-right of the toolbar.
You can deselect all items and exit selection mode by clicking or tapping the X next to the count.
In all views, all items can be deslected by tapping escape on the keyboard if you are using a desktop device.
Once you have selected a resource the top header is covered by the actions toolbar that provides access to actions currently applicable to the selected resource.
To exit selection mode select the X to the top-right.
The column view allows for a visual navigation of a content tree through a series of cascading columns. This view allows you to visualize and traverse the tree structure of your website.
Selecting a resource in the leftmost column will display the child resources in a column to the right. Selecting a resource in the right column will then display the child resources in another column to the right and so on.
You can navigate up and down in the tree by tapping or clicking on the resource name or the chevron to the right of the resource name.
- The resource name and chevron will be highlighted when tapped or clicked.
Tapping or clicking on the thumbnail selects the resource.
- When selected, a checkmark will be overlaid on the thumbnail and the resource name will be highlighted as well.
- The details of the selected resource will be shown in the final column.
Card view displays information cards for each item at the current level. These provide information such as:
- A visual representation of the page content.
- The page title.
- Important dates (such as last edited, last published).
- If the page is locked, hidden or part of a livecopy.
- If appropriate, when you are required to take action as part of a workflow.
- Markers that indicate required actions may be related to entries in your Inbox.
Select the columns to be shown using View Settings option located under the Views button. The following columns are available for display:
- Name - Page name, which can be useful in a multilingual authoring environment since it is part of the page's URL and does not change regardless of language
- Modified - Last modified date and last modified by user
- Published - Publication status
- Template - Template on which the page is based
- Page analytics
- Unique visitors
- Time on page
By default the Name column is shown, which makes up part of the URL for the page. In some cases the author might need to access pages that are in a different language and seeing the name of the page (which usually is unchanging) can be of great help if the author does not know the language of the page.
The Rail Selector is available at the top-left of the window and displays options depending on your current consoles.
For example, in Sites you can select content only (the default), content tree, the timeline, references, or filter side panel.
If content only is selected, then only the rail icon appears. When any other option is selected, the option name appears next to the rail icon.
Keyboard shortcuts are available to quickly switch between rail display options.
The content tree can be used to quickly navigate the site hierarchy within the side panel and view much information about the pages in the current folder.
Using the content tree side panel in conjunction with a list view or cards view, users can easily see the hierarchical structure of the project and navigate easily across the content structure with the content tree side-panel, as well as view detailed page information in the list view.
Once an entry in the hierarchy view is selected, arrow keys can be used to quickly navigate the hierarchy.
Refer to the keyboard shortcuts for more information.
The timeline can be used to view and/or initiate events that have occured on the selected resource. To open the timeline column use the rail selector:
The timeline column allows you to:
- View various events related to a selected item.
- Add/view comments about the selected item. The Comment box is shown at the bottom of the list of events. Typing a comment followed by Return will register the comment. It is shown when Comments or Show All is selected.
- Specific consoles have additional functionality. For example, in the Sites console you can:
These options accessible via the chevron next to the Comment field.
This will open a panel similar to search with the appropriate location filters already set, allowing you to further filter the content you wish to view.