How can use Tabs core component and customize to each container added have an predifined Icon

Question

In my dialog I can add a container and will create a tab, but is it possible to put an select field with predefined icons to author select an icon to each tab created ?

krishna_sai · Accepted Answer

Hi @nathanvieira , Yes it is possible.First we need to override `core/wcm/components/commons/editor/dialog/childreneditor/v1/childreneditor`. and update childeditor.html with the custom fields that we want to add and also modify the childeditor.js logic to read the values and show up in the dialog.Point this overridden childreneditor to our tabs component dialog containeritems.Add your custom clientlibs to our dialog to extraclientlibs property in place of core.wcm.components.commons.editor.dialog.childreneditor.v1 Hope this helps,Krishna

Fanindra_Surat · Answer

Hi @nathanvieira ,

You can create a custom component inheriting the core Tabs component, and override the cq:dialog for the desired functionality. This is documented in the "Customizing Dialogs" section in the link https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/customizing.html?lang=en.

Thanks,

Fani

Sign up

Login with SSO

Login to the community

Login with SSO