How To Enable Card View In Analytics

Essentials and Pro Users: For more information about Analytics, click here!

Card View takes your 2-D Widget borders and makes them pop right off the screen!

Enabling Card View is a fairly simple process:

1. Select the Menu button in the top right corner of your Dashboard.
   
2. Select "Edit Script".
   
3. On the Script screen, select all the green text and replace it with the following code:
   

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

4. Select "Save" in the top right corner of the page.
   
5. Go back to your Dashboard and refresh your page to apply the change.