Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Page dialog.xml in iframe for TouchUI ?

Avatar

Level 4

If the user is opening the page dialog from the TouchUI and there is no Granite _cq_dialog, is there any way to allow ExtJS classic page dialogs (dialog.xml) to load in an iframe similar to the way component dialogs (with no _cq_dialog) render? We have some features the classic UI page dialogs which seem to be missing in AEM6.1. For example image crop and multiple image tabs in the Classic UI page properties dialogs. For the features that are supported, just recoding the page dialogs is proving to be very time consuming

1 Accepted Solution

Avatar

Correct answer by
Level 10

Touch UI doesnt support crop feature in dialog, alternate approach you can use is to crop the image from the DAM itself and then upload the right image 

https://docs.adobe.com/docs/en/aem/6-0/author/assets/managing-assets-touch-ui.html

View solution in original post

7 Replies

Avatar

Level 10

Are you looking for cqinclude in touch ui dialog?

You can use granite/ui/components/foundation/include resource type in the touch UI for including granite UI components in the your component dialogs.

Take a look @ the following path /libs/wcm/foundation/components/page/cq:dialog/content/items/tabs/items/basic

Avatar

Level 4

Granite UI dialogs are touch UI dialogs, correct? So i do not think this suggestion will help. I need to extend the dialog backwards compatibility to Page Dialogs with xtypes in a similar way that AEM provides for Components.  

Avatar

Level 10

I need to extend the dialog backwards compatibility to Page Dialogs with xtypes in a similar way that AEM provides for Component"

I am not clear about you use case. 

However - you are correct - the Touch UI is based on Granite APIs. 

Avatar

Level 4

I have attached to screenshot demonstrating the differences between page and component dialogs in AEM6 TouchUI. Components which only have Classic UI dialogs defined will still work in TouchUI because there is compatibility mechanism which loads the ExtJS dialog in an iframe. I need Page dialogs to have this same level of compatibility.

Avatar

Level 10

That is a good explanation of your issue. You are correct  - the page properties dialog in Touch UI does not have crop functionality. If you need to crop, then use Classic UI: http://localhost:4502/siteadmin#/content

The only way using Classic UI would not work is if you are using a device (ie IPAD) to modify AEM content. Otherwise - using Classic for some operations is a good workaround. 

Avatar

Level 4

Our redesign also needs the AEM Responsive Grid, which I read is only available for the Touch UI. It's also very troubling to scrap the Touch UI work we've done, especially since our users are expecting TouchUI by summer.  Do you have advice in using JS events to swap out the Granite dialog using dialogwrapper.html? Any reasons that won't work?

http://localhost:4502/libs/cq/gui/components/authoring/compat/content/dialogwrapper.html?dialog=%2Fa...

Avatar

Correct answer by
Level 10

Touch UI doesnt support crop feature in dialog, alternate approach you can use is to crop the image from the DAM itself and then upload the right image 

https://docs.adobe.com/docs/en/aem/6-0/author/assets/managing-assets-touch-ui.html