Coral2 to Coral3 conversion - Granite UI container

[kabynoe01]

Found this issue while upgrading my dialogs from Coral2 to Coral3

I have within one of my components a tab structure that begins like this

<tabs jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/foundation/container"

                rel="cq-siteadmin-admin-properties-tabs">

When I upgrade the sling resource type to coral3 using the suggested replacement /granite/ui/components/coral/foundation/container Container — Granite UI 1.0 documentation (adobe.com)

, The tab structure breaks. Does anyone know why it breaks? How to stop it and how to fix it?

[Sudheer_Sundalam · Accepted solution]

@kabynoe01 ,

If allowed, please post you converted dialog xml code here in the post with some issue screenshots to better help you. Meanwhile, please add the below snippet under the <tabs> xml node and add your tab items under this node.

<layout
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/layouts/tabs"
    type="nav"/>

[arunpatidar]

Hi @kabynoe01 
You can check the dialog tab example here

https://github.com/adobe/aem-core-wcm-components/blob/main/content/src/content/jcr_root/apps/core/wc...