Level 2

Solved

Component's dialog tabs are broken in AEM 6.3, CoralUi3

32 replies
14185 views
Translate

I was migrating the sling:resourceType granite/coralUi3 properties by follwing this helpex article : Migration Guide to CoralUI 3-based — Granite UI 1.0 documentation

Where i was trying to modify the textImage component. This article says that in AEM 6.3 layouts have been removed. so i modified my component as:

I removed the "layout" from starting. But my dialog tabs appears to be broken:

I changed all the sling:resourceType properties inside second tab according to that helpex document and after that this dialogs is showing distorted. Also the margin in the two tabs also not looking good.

Is there problem going on with coralUi3 or something i missed here? Any suggestions would be appreciated.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

smacdonald2008Accepted solution

Level 10

Here is the link with the package that works.

https://helpx.adobe.com/experience-manager/using/aem64_htl_movie_component.html

Also - here is a video that shows Granite/COral component dialog looks good with tabs.

Show previous replies

A

AshishRa17Author

Level 2

fine then! we will also use it like this way for mutiple tabs in the dialog

Thanks Scott!

Translate

smacdonald2008

Level 10

I see now - the 1st node. We will fix this.

Translate

Ratna_Kumar

Level 10

Hi Ashish,

Use coral/granite resource types as shown in the new AEM 6.4 movie component Helpx..

Also, this article uses only coral/granite resource types..pleas don't mix both..

Thanks,

Ratna kumar

Translate

smacdonald2008

Level 10

I am not following you. All nodes under the tab component dialog use coral/granite types - ie:

Translate

A

AshishRa17Author

Level 2

and if i changethe content node property to (granite/ui/components/coral/foundation/container) it is again showing the cascaded structure of the tabs

Translate

A

AshishRa17Author

Level 2

Okay! but the this movie component has the same structure. the tab-component inside the AEM 6.4 package (in that article you shared) is having the content node has (granite/ui/components/foundation/container) instead of (granite/ui/components/coral/foundation/container)

Translate

smacdonald2008

Level 10

I recommend using all granite/coral as shown in the movie component - do not mix them up

Translate

A

AshishRa17Author

Level 2

Sorry to ask you so late, but is it okay to have this property(granite/ui/components/foundation/container) instead of (granite/ui/components/coral/foundation/container) for content node under cq:dialog ?