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

[ashishr1501]

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.

[smacdonald2008]

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

[ashishr1501]

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

Thanks Scott!

[ashishr1501]

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

[ashishr1501]

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]

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

[ashishr1501]

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

[smacdonald2008]

I am updating again - i like our community articles to reflect best practice. The artilce will be updated within 45 mins

[smacdonald2008]

New package will ahve this dialog JCR branch - that has same look and feel - but all are coral/granite types that work

[ashishr1501]

That will be awesome!!  Thanks Scott!

[smacdonald2008]

Should be updated now - you should see this in Package description...

[smacdonald2008]

It should be perfect now...

[ashishr1501]

Thanks! Scott!! That's awesome. It works fine now. Little modification but ow perfect!!

Thanks again!