Complete new to Dashticz, need some help please

[peterspieg]

Hello,
I am complete new to Domoticz, to Dashticz and to Raspberry Pi.
But I read a lot and I try a lot.

For now: I have installed Raspbian on an (older) Raspberry Pi. It took me a few hours or so, but it is working.
On the Raspberry Pi, I installed Domoticz.
On the Domoticz I managed to activate the "P1 Slimme meter". After reading and trying for another hour or so, I see some numbers from my "slimme meter".

Now, I would like to see it working on Dashticz. The dashboards I see in the different examples are really great!
So, as a beginner, I started reading the manual found on the dashticz wesbite. They mention a directory "dashticz v3/custom". But I don't have this dir. I am using Dashticz V3!
So my question: where do I put my custom css?

Can someone point me in the right direction?

Regards, Peter

[willemd]

Did you install dashticz? After installation there will be a dashticz folder and within that folder a custom folder, but not before installation.
Dashticz is a separate product, it is not automatically installed when you install Domoticz.

[peterspieg]

Hi Willem,

yes, I installed Dashticz. I forgot to put in my intro.
I don't have the folder custom v3. But I did find a folder custom and a folder custom_2.
Do I have to create the file in one of those folders?

[HansieNL]

You have to create the file in the custom folder.
Tip: if it's working ok make a backup of the custom folder. If later something doesn't work you just have to restore the backup files.

[willemd]

O.K. so you do have a folder called custom.

Within that folder you should see a file CONFIG.js (otherwise make one as a copy from CONFIG_DEFAULT.js). That is the one you use to configure your blocks, columns, screens with devices, graphs etc as per dashticz manual. Make a backup first. I also suggest to make small changes each time and then reload dashticz in the browser, so you can easily locate what you did wrong if it fails to load or fails to display what you expected.

There is also a file custom.css. As far as I know this is used for formatting (colors etc). If I were you, new to dashticz, I would start with CONFIG.js and first build some dashboards.

[peterspieg]

So, thanks for the help so far.
I have created my very first dashboard, and it is showing the default P1 slimme meter.
In the custom folder there is already a file custom. css. And it contains a lot of lines.
Like this

Spoiler: show

var config = {
domoticz_ip : 'http://xxx:xxxx',
app_title : 'Dashticz',
domoticz_refresh : 5,
dashticz_refresh : 60,
hide_topbar : true,
hide_seconds : true,

use_favorites : 0,
auto_positioning : 0,

timeformat : 'DD-MM-YY HH:mm',
calendarformat : 'dd xx. xx HH:mm',
calendarlanguage : 'nl_NL',

owm_api : '...',
owm_city : 'Purmerend',
owm_name : 'Weerbericht',
owm_country : 'nl',
owm_lang : 'nl',
owm_days : true,
own_cnt : 5,
static_weathericons : true,


garbage_company : 'mijnafvalwijzer',
garbage_icalurl : 0,
garbage_zipcode : '...',
garbage_street : '...',
garbage_housenumber : '...',
garbage_maxitems : 3,
garbage_width : 12,
garbage : {xxxxx
}
}

// --------------------------------------------------------------------------------------------
// Screen definitions
// --------------------------------------------------------------------------------------------
//var max_resolution_desktop = 'default';
//var max_resolution_smart = 'tablet';

// --------------------------------------------------------------------------------------------
// Title Definitions
// --------------------------------------------------------------------------------------------
var title_gas_and_elektra = 'title_misc';
var title_gas = 'title_gas';
var title_elektra = 'title_elektra';
var title_112meldingen = 'title_hue';
var title_weer = 'title_presence';

This is not all of the lines, but just the first part.

Do I have to put my own CSS in this file? Just add it or do I have to do something else?


(BTW< why can't i put in the word custom .css as one word? I get this error when posting

"You can’t post image, email or url links that are external to this domain. Please remove custom."

[HansieNL]

The above file is a config.js file and not a custom.css file.
A custom.css can have only css info and no config info.
Can you check for the right filenames?

[HansieNL]

The above file is a config.js file and not a custom.css file.
A custom.css can have only css info and no config info.
https://dashticz.readthedocs.io/en/mast ... omcss.html
Can you check for the right filenames?

[peterspieg]

Thanks again.
I think I copied a file somehow. I just emptied the file now, and put in my code, and it worked!

Slowly getting where I want to go.