Customize Page Properties / AEM 6.1 TouchUI | Community
Skip to main content
October 16, 2015
Solved

Customize Page Properties / AEM 6.1 TouchUI

  • October 16, 2015
  • 9 replies
  • 6890 views

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

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?

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 Christian_Meyer

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.

9 replies

smacdonald2008
Level 10
October 16, 2015

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. 

Christian_Meyer
Adobe Employee
Christian_MeyerAdobe EmployeeAccepted solution
Adobe Employee
October 16, 2015

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.

October 16, 2015

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/content/jcr_root/apps/demos/components/page/_cq_dialog/.content.xml

 

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

October 16, 2015

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

Christian_Meyer
Adobe Employee
Adobe Employee
October 16, 2015

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.

October 16, 2015

I already checked hideOnEdit as well, no change.

trench999
Level 4
November 25, 2015

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?

crisr1
Level 4
April 12, 2016

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

Level 2
November 24, 2016

U can use these 

create page: cq.siteadmin.admin.createpage

edit page: cq.siteadmin.admin.properties