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?