Column View - Adjust column width? | Community
Skip to main content
N
ndlholm1
Level 3
August 25, 2023
Solved

Column View - Adjust column width?

  • August 25, 2023
  • 2 replies
  • 1826 views

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-names-asset-names/m-p/379796 but it didn't work, and I'm not sure if the solution was for AEMaaCS. 

 

Any help is appreciated.

Best answer by krati_garg

@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/configuring-and-extending/consoles.html%3Flang%3Dzh-Hant

Using ClientLibs

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/developing/full-stack/clientlibs.html?lang=en

 

2 replies

krati_garg
Adobe Employee
krati_gargAdobe Employee
Adobe Employee
August 29, 2023

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.

 

    N
    ndlholm1Author
    Level 3
    August 29, 2023

    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.

      krati_garg
      Adobe Employee
      krati_gargAdobe EmployeeAccepted solution
      Adobe Employee
      August 31, 2023

      @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/configuring-and-extending/consoles.html%3Flang%3Dzh-Hant

      Using ClientLibs

      https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/implementing/developing/full-stack/clientlibs.html?lang=en

       

        S
        sethiyaaankit
        February 5, 2025

        @krati_garg 
        Is there any new solution, because I tried this one and It doesnt work just by increasing the width
        If the text is too long, even then it just shows whitespaces instead of additional text hidden under ..

        Terms & ConditionsAccessibility statement

        Loading footer...