AEM Touch UI: no components in side rail

Question

We're still using the Classic UI in our AEM instance but I'm trying to push everyone to start using the Touch UI. The problem is, I cannot seem to get ANY components to show up in the side rail. I have enabled every single component in design mode, and they show up just fine in the Classic UI sidekick, but my side rail shows absolutely nothing, not even out-of-the-box components. And I know I have Touch UI-enabled components available since, if I drag a component into a page from Classic UI and then switch to Touch UI, I'm able to edit that component no problem. I just can't drag-and-drop anything while in Touch UI.

Anyone have any ideas on this? I've restarted the server because I read about caching issues, etc, and that solved nothing.

Thanks for any help you can provide!

Answer 1

Unlike Classic UI dialogs which use the following structure

primaryType - 'cq:Dialog'

xtype - 'Dialog'

Touch UI dialogs should have the following key/value pairs:

primaryType - 'unstructured'

resourceType - 'cq/gui/components/authoring/dialog'

Followed by your dialog structure. You will need the corresponding dialog construct to enable component usage in either Classic UI or Touch UI.

This HelpX article provides high level information concerning the differences between the two dialog types.

Answer 2

To enable the components into Touch UI below steps you can follow.

Example taken for http://localhost:4502/editor.html/content/geometrixx-outdoors/en/men/coats/edmonton-winter.html page

1. Change the mode of the page to Design
2. Select the parsys by clicking on the "Drag Components here"
3. Then click on the Configure for that parsys. which will open up parsys design dialog

4. Choose components that you are looking for to add to page. (Here i have chosen Text -Sightly component for demo )

5. Where the component will appear in Edit mode as shown below.