AEM 6.3 - How to remove "u-coral-noPadding" css class from cq dialog

[ankushj18225577]

I am facing an issue with my dialog.

Issue: When we are using RTE within a dialog, the navigation tabs disappear in fullscreen mode.

Analysis:  u-coral-noPadding  is appending in coral-dialog-content html element. This is only happening when we are using RTE within a dialog.

Screenshot :

Demo :

[arunpatidar]

Hi,

Are you using granite components or coral2. I tried with granite components, works for me.

Thanks

Arun

[ankushj18225577]

Hi arunp99088702 I am using cq/gui/components/authoring/dialog/richtext as sling:resourceType type.

Please see the demo here Dropbox - Jun-25-2018 19-17-02.mp4

[ankushj18225577]

Please download the component package from here.

Dropbox - demo.zip

Thanks

[arunpatidar · Accepted solution]

Hi,

I've just check your package. you are using coral2 components. can you please change all your component to Coral3 e.g. granite/ui/components/coral/foundation/tabs and create structure like I shared in screenshot.

More details about coral3 Migration Guide to CoralUI 3-based — Granite UI 1.0 documentation 

Thanks

Arun

[ankushj18225577]

Hi,

After switching to coral3 this is working fine.

Do you have any idea how to fix this in coral2?

Thanks

[arunpatidar]

I'll recommend, always use Granite/Coral3 components because Coral3 is improvement over Coral2 components.

I'll check for coral2 to make it work.

Thanks

Arun