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

Forum|Forum|7 years ago
August 8, 2018
32 replies
14156 views

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.

Best answer by smacdonald2008

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

smacdonald2008

Level 10

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

A

AshishRa17Author

Level 2

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

Thanks Scott!

A

AshishRa17Author

Level 2

Hi I am not mixing both, but in the same compoentn you see "/apps/moviecomponent/components/content/tab-component/cq:dialog/content"

they have used granite/ui/components/foundation/container instead using coral.

Please see the content node. There is some issue with the coral6.3 ui i believe.

try to change the content node to "granite/ui/components/coral/foundation/container" you can observe that

A

AshishRa17Author

Level 2

please see the content node for the tab-component it is not in accordance with coral3. If you will add coral in the url the tabs will break again so this is like a mismatch now

smacdonald2008

Level 10

THis will be updated to reflect CORE Component dialog structure where tabs are used.

A

AshishRa17Author

Level 2

Or may be we can keep this way for content node. But I will wait to see. If it gets changed to coral3 type specifically the sling resource property for content node Thanks for the help though!! Appreciate that