Skip to main content

Touch UI vs Classic UI

There are 2 modes of authoring in AEM

  • Touch UI
  • Classic UI
Touch UI Screen:

Adobe introduced touch ui in AEM 5.6.  The main advantage of Touch UI is that the pages can be edited on all devices like Mobile,Tablet,Desktop.  This contains all the screens in classic ui but just Adobe segregated with new UI.

If you want to edit any page in Touch UI, then in the url we need to add editor.html,also make sure that the components developed should support touch UI.
ex: https://authorurl.com/editor.html/content/my-project/en.html.

The basic screen of touch ui looks as below. 



Below are main screens in touch ui
  • Start (/aem/start.html)
  • Tools
  • Sites
  • Assets
  • Personalisation
  • Experience Fragments
  •  crx/de
  • crx/packmgr/index.jsp
  • System/console


Classic UI Screen:

Classic UI was introduced in the initial stages of CQ5/AEM with out touch UI.  Still in AEM 6.5, Classic UI is supported but no enhancements are provided from Adobe (which means deprecated but supported).

If you want to edit any page in Classic UI, then in the url we need to add cf#,also make sure that the components developed should support classic UI.
ex: https://authorurl.com/cf#/content/my-project/en.html.


Below are the main screens for classic UI.

  • siteadmin
  • miscadmin
  • damadmin
  • crx/de/index.jsp
  • crx/packmgr/index.jsp
  • system/console

For more information on AEM , go through the below syllabus.


Labels:

Comments

Post a Comment

Popular posts from this blog

AEM Author Concepts

What is AEM? Author Publisher Dispatcher in AEM Touch UI vs C lass UI   DAM (Digital Asset Management) Replication/Publish in AEM Parsys/Responsivegrid/Iparsys Components Pages Templates Experience Fragments Content Fragments Emulator / Break Points RichText Tagging Sitemap Personalisation Workflows MSM(Multi Site Management) Users and Groups Environments in SDLC
Post a Comment
Read more

What is AEM?

  AEM is full form is Adobe Experience Manager and many people call it as adobe cq5,cq5.   AEM is a web Content Management System Tool (wcms/cms), which is a used for building websites, mobile apps and forms. AEM makes easy to manage your content and assets.  By using aem, we can dynamically change the content within fraction of seconds and same can be shown in live. Examples:  News Channel websites, in news channel websites the layout (look and feel) will be same only the content changes dynamically. Other CMS Tools: WordPress,Drupal,Sitecore. For more information on AEM , go through the below syllabus. AEM Author Concepts
Post a Comment
Read more

MSM (Multi Site Management)

 Multi Site Manager (MSM) allows aem developers to create copy of existing site and automatically update the copy when changes are done to the source site. Advantages of using MSM: Easily manage multiple websites that share common content. MSM allows aem developers to define relations between the sites so that content changes in one site are automatically replicated in all other sites. Reduces the time to manage your websites and increases the re-use of common content. Maintain common look and feel across all websites. When we should use MSM Sites are in multiple countries. Sites are in multiple languages. Need to reuse/replicate same content in multiple websites. Maintain consistent branding and content across websites. Creation of MSM from scratch (follow below) Create Language Masters Here we will create a sample English site, which will be used in the later point of creating multiple language copies. Create language-masters with any template. Create a sample site with Eng
Post a Comment
Read more