Adobe

AEM: Add Ability to Open Asset Side Panel While Component Dialog is Open

Recently, I saw this post from Arun Patidar where he added a button to the AEM dialog to trigger Asset Side Panel to open. I had fixed this issue with CSS before and decided to share it.

Banner Photo by Markus Spiske on Unsplash

The Problem:

My CSS Fix

Adobe - Content for Everyone
Content for Everyone

Companies that can quickly and consistently meet the demands of consumers are thriving in an era of infinite content. Learn about how to build fluid experiences for your omnichannel customers.

Get the Guide

While Arun’s solution works and is perfectly valid, I thought I’d add a solution I made with pure CSS:
Create a clientlib with categories="[cq.authoring.editor.hook]"
Add the following CSS:

.cq-dialog-backdrop.is-open, #SidePanel.cq-dialog-is-open {
  z-index: 900 !important;
}

and here is the result:

 

Notes

However, both this solution and Arun’s solution are bandaids. The selectors we use in both of our solutions might change and are not guaranteed. Adobe, if you’re seeing this, fix this issue, please and thank you!

Tags

About the Author

Ahmed is an Adobe Technical Lead and expert in the Adobe Experience Cloud.

More from this Author

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Subscribe to the Weekly Blog Digest:

Sign Up
Categories