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');
});

 



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
7 - Data Storage
7 - Data Storage

Hello o/

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

MikeGre
7 - Data Storage
7 - Data Storage

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
8 - Cloud Apps
8 - Cloud Apps

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
9 - Travel Pro
9 - Travel Pro

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:
‎10-19-2021 07:18 AM
Updated by:
Contributors
Community Toolbox

Recommended quick links to assist you in optimizing your community experience:

Need additional support?:

Community Support Request