Report Layout (CSS Tipps)

In order to get a good nice and custom dashboard look, you can apply the following css snippets to the css container of the report layout in the library

Only clients with a professional analytics license or a corporate package get access to the report layout. Please contact sales if you want to upgrade

Slot Shadow

sha-slot-container {
  height: 100%
}
.da-page-content .da-row {
    margin-bottom: 0.25rem !important;
}
.da-page-content .da-row .da-col  {
 align-content: start;
 padding-left: 2px;
 padding-right: 2px;
}
.da-slot-cont {
    box-shadow: 0px 0px 6px 2px #cccccc;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    height: 100%;
}

Page Sidebar Logo

.da-sidebar-logo img {
    display: none;
  }

please add the url to the logo at 5th line

.da-sidebar-logo img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(TODO: ADD PATH TO IMAGE) no-repeat;
    background-size: contain;
    width: 300px;
    /* Width of new image */
    height: 108px;
    /* Height of new image */
    padding-left: 300px;
    /* Equal to width of new image */
    background-position: center;
  }
Updated on February 3, 2023

Was this article helpful?

Related Articles

Need Support?
Please login to your Survalyzer account and use the "Create Support Request" form.
Login to Survalyzer