Expand my Community achievements bar.

SOLVED

Column View - Adjust column width?

Avatar

Level 4

Hello Community -- Is it possible to change the width of columns in Column View in Assets in AEMaaCS? We have lengthy folder/file names that become truncated by the default column width. We have user requests to be able to change the column width so that we can see the full folder/file names.

 

I tried following the instructions in this post: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/tree-view-hiding-page-name...but it didn't work, and I'm not sure if the solution was for AEMaaCS. 

 

Any help is appreciated.

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

@ndlholm1 Yes you need to create your own client library, add your css changes to your Clientlib, overlay the Column View console, add your clientlib to the overlayed node and this should reflect to all the users.

The above screen shot tells you, that a css change can solve your requirement, and that should take effect once you incorporate this change in you code, that could be deployed and be available to all the users.

Please see below links to explore further:

Customizing consoles:
https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/config...

Using ClientLibs

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/develo...

 

View solution in original post

5 Replies

Avatar

Employee Advisor

Hi @ndlholm1 

Yes it is possible to customize the View Consoles.
Above link should still work, I tried to increase the max-width from 16 to 35.25, and it works.

krati_garg_0-1693295741511.png

 

Avatar

Level 4

Thanks for your response, @krati_garg. If I make the changes using the web console, will this change be available for all users, or just within my browser?

 

I see in the community post I originally linked to, someone said to overlay /libs/clientlibs/granite/coralui3, but that option is grayed out for me and I am not able to.

Avatar

Correct answer by
Employee Advisor

@ndlholm1 Yes you need to create your own client library, add your css changes to your Clientlib, overlay the Column View console, add your clientlib to the overlayed node and this should reflect to all the users.

The above screen shot tells you, that a css change can solve your requirement, and that should take effect once you incorporate this change in you code, that could be deployed and be available to all the users.

Please see below links to explore further:

Customizing consoles:
https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/config...

Using ClientLibs

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/develo...

 

Avatar

Level 4

Hello, @krati_garg -- I have done as you suggested above, but my CSS changes are still not reflecting in my local dev environment. I've attached screenshots showing my clientlib properties and overlay node properties. Am I missing some properties that would make this work?

Avatar

Level 4

Hello, @krati_garg -- Any additional guidance would be appreciated.