1. Home
  2. Rapportlay-out (CSS tips)

Rapportlay-out (CSS tips)

Om een mooi en aangepast dashboard te krijgen, kunt u de volgende css-fragmenten aanbrengen in de css-container van de rapportlay-out in de bibliotheek.

Opmerking: Alleen klanten met een licentie voor Professional Analytics of een corporate package hebben toegang tot de rapportlay-out. Neem contact op met sales (sales@survalyzer.com) als u wilt upgraden.

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%;
}

Logo zijbalk pagina

Survalyzer-logo verbergen

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

Survalyzer-logo vervangen

Voeg in de 5e regel de url aan het logo toe.

.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?

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