Coral2 to Coral3 conversion - Granite UI container | Community
Skip to main content
K
kabynoe01
New Participant
December 5, 2023
Solved

Coral2 to Coral3 conversion - Granite UI container

  • December 5, 2023
  • 2 replies
  • 906 views

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?
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Sudheer_Sundalam

@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"/>

 

2 replies

arunpatidar
arunpatidar
New Participant
December 6, 2023

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/wcm/components/teaser/v2/teaser/_cq_dialog/.content.xml 

Arun Patidar
    Sudheer_Sundalam
    Sudheer_SundalamAccepted solution
    New Participant
    December 5, 2023

    @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"/>

     

      Terms & ConditionsAccessibility statement

      Loading footer...