Level 2

Add Tab to Touch UI Page Properties

Forum|Forum|9 years ago
May 27, 2016
2 replies
5173 views

I am trying to get adding new tabs and removing tabs/items in Page Properties working.

So far I have read through this similar question: http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__m3tp-there_is_anarticle.html
Which lead me to these Adobe links and the github example:
https://docs.adobe.com/docs/en/aem/6-1/author/page-authoring/managing-pages.html#Creating%20a%20New%20Page%20-%20Touch-optimized%20UI
https://docs.adobe.com/docs/en/aem/6-1/develop/extending/customizing-page-properties/page-properties-views.html
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

I have copied the github example of a .context.xml for the page's Page Properties and it is not hiding anything. I also replaced cq:showOnCreate="{Boolean}false" with cq:hideOnEdit="{Boolean}true" like the previous adobe help forum suggested and this does not work either.

How do I hide and show items?

Also, in the past with Classic UI we were able to do something like this to include more tabs:

<sample jcr:primaryType="cq:Widget" path="/apps/company/components/Pages/basePage/sample_tab.infinity.json" xtype="cqinclude"/>

How do I add new tabs in Touch UI with something similar to infinity.json? Granite include?

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

smacdonald2008

Level 10

You are correct - there is a lack of documentation on this use case. I will check with Adobe people on this use case.

I want to see if anyone has written about it or sample on this.

B

BigT168

Level 5

Not sure if you get it working.

I try to add a region tab in the page properties, here is the code:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
jcr:primaryType="nt:unstructured">
<content jcr:primaryType="nt:unstructured">
<items jcr:primaryType="nt:unstructured">
<tabs jcr:primaryType="nt:unstructured">
<items jcr:primaryType="nt:unstructured">
<basic jcr:primaryType="nt:unstructured">
<items jcr:primaryType="nt:unstructured">
<column jcr:primaryType="nt:unstructured">
<items jcr:primaryType="nt:unstructured">
<title jcr:primaryType="nt:unstructured">
<items jcr:primaryType="nt:unstructured">
<title
jcr:primaryType="nt:unstructured"
sling:orderBefore="pagename"
fieldLabel="Title (in first position!)"
allowBulkEdit="true"/>
</items>
</title>
<moretitles
cq:showOnCreate="{Boolean}false"
jcr:primaryType="nt:unstructured"/>
</items>
</column>
</items>
</basic>
<advanced
cq:showOnCreate="{Boolean}false"
jcr:primaryType="nt:unstructured"/>
                   <advanced
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/include"
path="foundation/components/page/cq:dialog/content/items/tabs/items/advanced"/>
                   <region
cq:showOnCreate="{Boolean}true"
sling:orderBefore="advanced"
jcr:primaryType="nt:unstructured"
jcr:title="Region"
sling:resourceType="granite/ui/components/foundation/section">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
margin="{Boolean}false"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<regionname
                                       cq:hideOnEdit="{Boolean}false"
                                       cq:showOnCreate="{Boolean}true"
                                       jcr:primaryType="nt:unstructured"
                                       sling:resourceType="granite/ui/components/foundation/form/textfield"
                                       fieldLabel="Name"
                                       name="regionName"
                                       validation="foundation.jcr.name"/>
</items>
</column>
</items>
</region>
</items>
</tabs>
</items>
</content>
</jcr:root>