Ready-made code structures for DataLion

1. Set a background image for the start screen

In the project settings you can store your code for the start page of your project in the TAB content under the sub-item "Homepage".

An example of such code is the following:

<div class="row" style="background-image: url('https://www.datalion.net/ihrBild.jpg'); background-repeat: no-repeat; min-height: 850px; padding: 0 2em">

<div class="col-sm-12">

<p style="color:#84BD00; font-size:35px; padding-top:20px; font-weight:bold"> Your Text <br>Your text after the paragraph</p><br><br>

 

<a href="https://ihrlink.com" style="color:#000000; font-weight:bold">Your link text</a><br><br>

<a href="https://ihrlink.com" style="color:#000000; font-weight:bold">Your second link text</a>

</div>

You can get the URL of your image under Uploaded media -> Right-click -> Copy image address

2. Customization of elements with CSS

In the project settings, you can store your code for the visual adjustments to your project in the TAB Content under the sub-item "Custom CSS Styles".

An example of such code is:

.chart__title__text {

font-size: 15px; font-weight: bold;

color: rgba(255,255,255);

}

.chart__title, .chart__header {

 height: 30px;

}

.page__header{

background-color: rgba(38,153,209);

}

.chart__header {

background-color: rgba(38,153,209);

}

.edit-title {

color: rgba(19,65,89);

font-weight: bold;

}

.filter__dropdown label {

    color: #666;

    font-weight: 400;

    font-size: 13px;

}

.btn-default:hover {

    background-color: #A0CABF;
    border-color: rgba(38,153,209);

}

.btn-default {

    border-color: rgba(38,153,209);

}

.footer {

background-color: rgba(255,255,255);

}