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

6 replies
1704 views
Translate

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 :

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

arunpatidarAccepted solution

New Participant

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

Arun Patidar

arunpatidar

New Participant

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

Translate

Arun Patidar

ankushj18225577Author

New Participant

Hi,

After switching to coral3 this is working fine.

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

Thanks

Translate

arunpatidarAccepted solution

New Participant

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

Translate

Arun Patidar