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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Enable inplace editing for OOTB Tabs component

Avatar

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?

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies