Expand my Community achievements bar.

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.

1 Reply

Avatar

Level 2

hi,
were you able to make inplace editing work in multifield ?

Thanks!