Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Customize Page Properties / AEM 6.1 TouchUI

Avatar

Former Community Member

there is an Article how to customize the view/edit dialogs of AEM 6.1, i.e. hide basic and advanced tab and replace them by custom tabs for certain pages.

https://docs.adobe.com/docs/en/aem/6-1/develop/extending/customizing-page-properties/page-properties...

The described example does not work. Advanced tab is not hidden, Basic tab still contains "more titles" section.

Does anyone know this issue and how to solve?

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi Oliver,

I just tried it on my 6.1 instance and it seems to work. Please make sure you're accessing the pages under /content/demos where the page override is defined:

- http://localhost:4502/libs/wcm/core/content/sites/createpagewizard.html/content/demos (for the Create Page view)

- http://localhost:4502/libs/wcm/core/content/sites/properties.html/content/demos/second (for the Edit Page view)

Regards,

Christian.

View solution in original post

9 Replies

Avatar

Level 10

Are you saying that the GITHub project located here:

https://github.com/Adobe-Marketing-Cloud/aem-authoring-extension-page-dialog

is not working? I have not tried that personally - but I want to make sure this is the code you mean that is not working. 

Avatar

Correct answer by
Level 2

Hi Oliver,

I just tried it on my 6.1 instance and it seems to work. Please make sure you're accessing the pages under /content/demos where the page override is defined:

- http://localhost:4502/libs/wcm/core/content/sites/createpagewizard.html/content/demos (for the Create Page view)

- http://localhost:4502/libs/wcm/core/content/sites/properties.html/content/demos/second (for the Edit Page view)

Regards,

Christian.

Avatar

Former Community Member

Hi,

 

I just took the complete cq:dialog as defined here:

 

https://github.com/Adobe-Marketing-Cloud/aem-authoring-extension-page-dialog/blob/master/src/main/co...

 

If I go to view properties and then edit properties, Advanced dialog is still displayed, "more titles and description as well".

Which exact version did you check with? Did you use any additional hotfixes for 6.1?

I use: cq-6.1.0-hotfix-6445-1.0, cq-6.1.0-hotfix-6446-1.0, cq-6.1.0-hotfix-6570-1.0, cq-6.1.0-hotfix-6500-1.0, cq-6.1.0-hotfix-6449-1.0

Avatar

Former Community Member

please see answer below, I just copied the whole example into cq:dialog

Avatar

Level 2

Oliver,

The cq:dialog defined in the sample actually hides the "Advanced" tab and "More titles and description" from the Create Page View. If you want to achieve the same for the Create Page View, then simply use the property cq:hideOnEdit instead of cq:showOnCreate. By default, all elements are shown in the Edit Page View and hidden in the Create Page View; so if you want something different, you explicitly have to define it.

Regards,
Christian.

Avatar

Former Community Member

I already checked hideOnEdit as well, no change.

Avatar

Level 4

Let me add one relevant question here:

We have a handful of custom page property dialogs for templates in 5.6.1.  These do not show out in touch UI siteadmin.  So, how can we quickly port these to show in Touch UI so that users can change properties effectively in Touch UI sites.html and also in the classic sidekick UI when editing?

Avatar

Level 4

Hi Christian.

I've made some page property dialog customizations (for colorpicker, thumbnail cropping, and composite fields) according to the presentation [1]. These work okay when editing page properties from the page itself in edit mode. The customization JS clientlibs have categories="[cq.authoring.dialog]" But the customizations are not working when editing the page properties via /libs/wcm/core/content/sites/properties.html?item=/content/page/path Is there another category to use when the customizations are needed through the Touch UI site admin?

[1] http://www.slideshare.net/martinischeery/aem-61-user-interface-customisation

Avatar

Level 2

U can use these 

create page: cq.siteadmin.admin.createpage

edit page: cq.siteadmin.admin.properties