Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

Enable inplace editing for OOTB Tabs component

Aditya_Auradkar93
Level 1
Level 1

We have a requirement to Overlay the OOTB Tabs component to use inplace editing for its Title field.

But the Tabs component is a multifield and the title is stored as item_{random}/cq:panelTitle.

 

We tried to configure the cq:inplaceEditing with editorType as hybrid but in the config node we need to setup a "textPropertyName". But seems it doesn't work on multifield.

Find below code from editconfig I am trying:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
jcr:primaryType="cq:EditConfig">
<cq:inplaceEditing
jcr:primaryType="cq:InplaceEditingConfig"
active="{Boolean}true"
editorType="hybrid">
<config
jcr:primaryType="nt:unstructured">
<tabTitle
jcr:primaryType="nt:unstructured"
name="./cq:panelTitle"
textPropertyName="./cq:panelTitle"
editElementQuery=".cmp-tabs__tab">
</tabTitle>
</config>
<cq:childEditors jcr:primaryType="nt:unstructured">
<tabTitle
jcr:primaryType="cq:ChildEditorConfig"
title="Title"
type="plaintext"/>
</cq:childEditors>
</cq:inplaceEditing>
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterchilddelete="CQ.CoreComponents.panelcontainer.v1.AFTER_CHILD_DELETE"
afterchildinsert="CQ.CoreComponents.panelcontainer.v1.AFTER_CHILD_INSERT"
afterchildmove="CQ.CoreComponents.panelcontainer.v1.AFTER_CHILD_MOVE"/>
</jcr:root>

 

Please suggest a way so that we can make the title of tabs component editable from inplace editing?

 

AEM 6.5 core components editconfig inplaceediting
0 Replies