AEM - Touch UI Dialog - Assets Panel

AEM - Touch UI Dialog - Assets Panel
by <Arun Patidar>Overview
In Touch UI dailog when we use file upload type e.g. cq/gui/components/authoring/dialog/fileupload or granite/ui/components/foundation/form/fileupload field to allow authoring assets from the side panel.In order to author the images, side panel should be opened before editing via dialog.
If you forgot to open the side panel before opening the dialog then you need to close the dialog, open side panel and open the dialog again to author assets.
This is kind of annoying to close the dialog and open it again just to author images/Assets.
Why can't the side panel open from the dialog without closing the dialog?
How to do it
This can be achieved by simply adding a side panel toggle button in the dialog header alongside help or other buttons. When clicking on this button, the click event will be triggered on the actual side panel toggle button and rest will be OOTB.- Create a clientlibs of category 'cq.authoring.dialog'
- Create dialog.sidepanel.js file.
Q&A
Please use this thread to ask questions
