Page dialog.xml in iframe for TouchUI ?

[crisr1]

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

[edubey]

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

[crisr1]

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.  

[smacdonald2008]

" 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. 

[crisr1]

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.

[smacdonald2008]

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. 

[crisr1]

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...

[Lokesh_Shivalingaiah · Accepted solution]

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