cancel
Showing results for 
Search instead for 
Did you mean: 
Community_Admin
Community Team Member
Community Team Member

If you wish to turn this dashboard :

Community_Admin_0-1634653060998.png

 

into this:

Community_Admin_1-1634653061004.png

Please copy & paste this dashboard script:

 

dashboard.on('widgetready',function(d) {
   //Card view
   $('.dashboard-layout-column').css('background-color', '#F0F0F0');
   $('.dashboard-layout').css('background-color', '#F0F0F0');
   $('.dashboard-layout-cell-horizontal-divider').remove();
   $('.dashboard-layout-subcell-vertical').css('background-color', 'white').css('box-shadow', '4px 5px 12px #00000078')//.css('border-radius', '0px 0px 30px 30px').
   $('.dashboard-layout-subcell-host').css('padding', '10');
   $('.dashboard-layout').css('padding-right', '20px');
   $('.dashboard-layout').css('padding-left', '20px');
});
Rate this article:
Comments
KristyGraves
9 - Travel Pro
9 - Travel Pro

There are few of our dashboards that don't look better with cards. Cards are like punctuation in text. They make you pause, like a comma subconsciously tells your brain to consider this information on its own, separate, but related to the whole. They focus the eyes, which focuses the brain.

Will
8 - Cloud Apps
8 - Cloud Apps

Hello o/

Is there any recommended solution for customizing the dashboards using CSS files?

MikeGre
9 - Travel Pro
9 - Travel Pro

Looks amazing!!

Just a question, if the above script is added in a custom plugin, it should then be applicable to all dashboards?

Chris_AECC
7 - Data Storage
7 - Data Storage

This looks great on our dashboards! Is there any way to make the formatting show up when exporting to PDF? This would make reports look so much better if so. 

 

-Chris

gwolfe
10 - ETL
10 - ETL

Thanks @Community_Admin ! How can I adjust individual cards. For example, what if I didn't want any space between the top 4 widgets so it looks like one white card?

Version history
Last update:
‎11-20-2023 01:19 PM
Updated by: