Page 1 of 1

icons not working

Posted: Tuesday 09 June 2020 16:44
by bobpeters
Don't know if its a bug or not. But I'm struggeling with some icons from FontAwesome. A lot of icons are not working in my dasboard and it seems that Dashticz pics a default one then. For example, my solar power:

Code: Select all

//GoodWe opbrengst PV panelen
blocks[443] = {
width: 6,
title: 'ZoPa Opbrengst',
icon: 'fas fa-solar-panel'
}
Looks like this:
Aantekening 2020-06-09 163844.png
Aantekening 2020-06-09 163844.png (26.92 KiB) Viewed 1988 times
I only choose free icons from the website.

I updated today to the latest version of Dashticz

Re: icons not working

Posted: Tuesday 09 June 2020 17:45
by Lokonli
bobpeters wrote: Tuesday 09 June 2020 16:44 Don't know if its a bug or not. But I'm struggeling with some icons from FontAwesome. A lot of icons are not working in my dasboard and it seems that Dashticz pics a default one then. For example, my solar power:

Code: Select all

//GoodWe opbrengst PV panelen
blocks[443] = {
width: 6,
title: 'ZoPa Opbrengst',
icon: 'fas fa-solar-panel'
}
Looks like this:
Aantekening 2020-06-09 163844.png

I only choose free icons from the website.

I updated today to the latest version of Dashticz
It should work.
Can you check in Chrome? First completely clean the cache.
Do you have any code in custom.js?
Or some special things in CONFIG.js?

Re: icons not working

Posted: Tuesday 09 June 2020 18:51
by bobpeters
In Chrome it is also not working, tried on Windows and Mac.

CONFIG.js see below (some parts deleted "XXX")

CUSTOM.js, nothing changed
CUSTOM.css, only the border width changed for better view on small tablet screen
Spoiler: show

Code: Select all


//Somfy Zonnescherm
blocks[484] = {
 title: 'Zon',
 width: 4
}

//Somfy Rolluik slk b/m
blocks[224] = {
 title: 'Slk',
 width: 4
}

//Somfy Rolluik slk Cas
blocks[547] = {
title: 'Cas',
width: 4
}

//Somfy rolluik kmr Tom
blocks[225] = {
 title: 'Tom',
 width: 4
}

//GoodWe opbrengst PV panelen
blocks[443] = {
  width: 6,
title: 'ZoPa Opbrengst',
icon: 'fas fa-solar-panel'
}

//P1 slimme meter Stroomverbruik
blocks[77] = {
  width: 6,
title: 'Stroomverbruik',
icon: 'fas fa-bolt'
}

//Watermeter
blocks[572] = {
  width: 4,
title: 'Watermeter',
icon: 'fas fa-water'
}


Re: icons not working

Posted: Tuesday 09 June 2020 20:56
by Lokonli
I see you defined blocks[443] and added '443_1' to a column. I think that in this case '443_1' will not use the block[443] definition
So try with:

Code: Select all

blocks['443_1'] = {
  width: 6,
  title: 'ZoPa Opbrengst',
  icon: 'fas fa-solar-panel'
}

Re: icons not working

Posted: Tuesday 09 June 2020 21:36
by bobpeters
Lokonli wrote: Tuesday 09 June 2020 20:56 I see you defined blocks[443] and added '443_1' to a column. I think that in this case '443_1' will not use the block[443] definition
So try with:

Code: Select all

blocks['443_1'] = {
  width: 6,
  title: 'ZoPa Opbrengst',
  icon: 'fas fa-solar-panel'
}
This was the problem, thanks a lot!