Switching User Interfaces within AEM 6.0

The new version of Adobe Experience Manager (AEM 6.0) by default uses a “touch-optimized” user interface while editing your sites.  There are a number of ways to switch to using the “classic” user interface instead.

Touch UI

Touch UI

Classic UI

Classic UI

To switch to the Classic UI for a particular page, click on the “Page Information” gear icon toward the upper left of the page and select the “Classic UI” option.  This is just a temporary way of switching to the Classic UI, which reverts to the Touch UI if you close out of the page and reopen it.  Also, you can switch back and forth between the Classic UI and the Touch UI by replacing /cf#/ in the URL (used for Classic) with /editor.html/ following your localhost port number (e.g. http://localhost:4502/editor.html/something/something).  Again, this is also temporary.

Page Information

Page Information

To have all users of an AEM instance use the Classic UI by default, start off by going to the AEM Web Console Configuration (/system/console/configMgr).  Make sure you’re signed in as an admin and do a find for “WCM Authoring UI Mode Service.”  If the service is not visible, click on the OSGi button at the top followed by Configuration, and then do another find.  Click on “WCM Authoring UI Mode Service” and change the “Default authoring UI mode” to “CLASSIC” (or back again to “TOUCH,” depending on what you want to do).  You must enter “CLASSIC” or “TOUCH” in uppercase letters or an error message will show up when opening a site.  Changing this setting will make the chosen UI the default for all sites of the AEM instance.  When opening a site with /siteadmin, or /sites.html/content, the site should now open using the Classic UI.  This should be the case for all users.

AEM Web Console Configuration

AEM Web Console Configuration

A user can override this default setting in the Web Console Configuration by going to “User Preferences” in the Touch UI.  To do this, click on the “User Settings” icon in the upper right corner of the page currently being edited.  Next, click on the “User Preferences” gear icon.  In the dialog box that appears, click on the drop-down menu for “Authoring Mode” and select a preference (Note: you may need to scroll down to see all options under “Authoring Mode”).  From then on the user is in control of what UI they default to using, and the Web Console Configuration is no longer in control.  This setting persists even after logging out of the current AEM instance.

User Settings

User Settings

User Preferences

User Preferences

If a user sets the default UI to Classic, they can change the default back to Touch by first going to the Touch UI and then to “User Settings.”  Click on the “User Settings” icon in the upper right corner followed by the “User Preferences” gear icon, and then change the “Authoring Mode.”  This can also be accomplished by first going to /projects.html and then clicking on “User Settings.”