How to change card view to list view in Assets sidepanel in AEM 6.3

Question

I want to change the Assets sidepanel from card view into list view. My assets full name is not visible. How can we change this to list view?

Answer 1

Changing this into a "List View" is not supported or possible via OOTB APIs. The asset cards are displayed as Coral.Masonry

You could probably change it, but it would require quite a few lines of CSS and a Js update to change the columnWidth on the Coral.Masonry element. Which would be a temporary hack.

If your concern is showing the full asset name, you can do that with CSS:

1. Create clientlibrary with categories="[cq.authoring.editor.hook]"
2. add the following CSS

.sidepanel-tab-assets .editor-Card-asset coral-card-title {
  white-space: initial !important;
}

The asset cards should now display the full name.