Page dialog.xml in iframe for TouchUI ? | Community
Skip to main content
crisr1
crisr1
Level 4
March 29, 2016
Solved

Page dialog.xml in iframe for TouchUI ?

  • March 29, 2016
  • 7 replies
  • 2088 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Lokesh_Shivalingaiah

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

7 replies

edubey
edubey
Level 10
March 30, 2016

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
crisr1Author
Level 4
March 30, 2016

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
smacdonald2008
Level 10
March 30, 2016

" 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
crisr1Author
Level 4
March 30, 2016

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
smacdonald2008
Level 10
March 30, 2016

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
crisr1Author
Level 4
March 30, 2016

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=%2Fapps%2Fwcm%2Ffoundation%2Fcomponents%2Fpage%2Fdialog

Lokesh_Shivalingaiah
Lokesh_ShivalingaiahAccepted solution
Level 10
March 30, 2016

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

Terms & ConditionsAccessibility statement

Loading footer...