Sub-panel List view columns goes out of the box

I am facing UI issue with my Sub-panel List view that List view columns goes out of the box. Please refer the bellow image:

My sub-panel list view has more that near about 11 columns including row button. Can anyone help me to resolve this UI issue on sub-panel list view. OR Can need to reduce the width so that it can be fit into that panel?

I am using SuiteCRM Version 7.11.8
Please suggest on this.

Thank you in advance.


I’ve had a look, and it seems like that is how the CSS is just built at the moment.

I’m not particularly versed in CSS, but it seems like the width is decided by:

.panel-default > .panel-heading {
  display: block;
  text-transform: uppercase;

In the file: themes/SuiteP/css/suitep-base/panels.scss

Which is then locking it to a width that is generally set in the CRM

I’ll have a look into it, but if you feel confident with CSS, feel free to have a play around and see if you are able to customize this to be dynamic!

(It may also be worth raising as a suggested advancement to the Project, on the Github repo!)

As an aside, you mentioned you’re on 7.11.8?

I would recommend upgrading to the most recent version, if you feel comfortable, as there have been many security fixes, (and general fixes), since 7.11.8

Thank you for your response.