Dashticz v3.8 master

[Lokonli]

I've released a new stable master version 3.8

It contains the functionality of the beta releases until 3.7.7

Main changes are in the area of Dials.

Before updating from a version before 3.7.2:
Make a backup of custom/custom.css and custom/config.js

For update instructions see:
https://dashticz.readthedocs.io/en/mast ... 27-12-2020

For a full list of changed functionality, see:
https://dashticz.readthedocs.io/en/mast ... r-9-4-2021

[pvklink]

Got it, and working great!

Is there a place where we can request functionality?

When my devices are on, they are yellow.
With on/off dials this is possible too, but with selector-devices i cant fix it...

Naamloos.jpg (15.73 KiB) Viewed 685 times

[Lokonli]

Got it, and working great!

Is there a place where we can request functionality?

When my devices are on, they are yellow.
With on/off dials this is possible too, but with selector-devices i cant fix it...

Naamloos.jpg

You can do this with some customization tricks.

First add the right device status via the device hook in custom.js :

Code: Select all

function deviceHook(device) {
    if (device.idx==9) {
        var level=parseInt(device.Level);
        device.deviceStatus='level'+level
    }
}

In this example I assign the status level10, level20, level30 to device with idx 9.

As a next step, add the styling to custom.css:

Code: Select all

/*ring color*/
.level10 .dial-center {
    box-shadow: 0 0 25px 1px green !important;
}

/*selected item color*/
.level10 .status {
    --dial-color: green !important
}

/*ring color*/
.level20 .dial-center {
    box-shadow: 0 0 25px 1px red !important;
}

/*selected item color*/
.level20 .status {
    --dial-color: red !important
}

If the selector switch has level10, the ring color as well as the selector text will turn green.
If the selector switch has level20, the ring color as well as the selector text will turn red.

[pvklink]

Love tricks, gonna try that next wednesday and give feedback

[pvklink]

Could not wait, so during lunch

It works !
Only a small thing with the colors, i use in both cases( switch and selector) value gold.

But they look different:
- one changes the color on the second ring(on/off) and the selector the first ring
- the color gold is interpreted different for both, i tried opacity with the selector switch but that did not work...

dialring.jpg (12.15 KiB) Viewed 637 times

Script: one if-statement to check all selectors
function deviceHook(device)
{
if (device.idx==2269)
{
var rpiactive = device.Data;
device.deviceStatus = rpiactive=='Geen melding' ? 'good':'bad';
}
if (!(device.idx in [,2253,2197,2254,etc])){
var level=parseInt(device.Level);
device.deviceStatus='level'+level
}
}

[jake]

As of version 3.80 there is a strange behaviour with the icons of buttons: on a lower resolution screen, some of these buttons show a very big icon.

I tested the version on a chromebook tablet with high resolution and both 3.7.6 and 3.8.1 were identical while switching between them. However, when I put that tablet in portrait mode, I see the same behaviour as on my 8" Tab3 with increased icons.

my setup is for columns: 5 - 5 - 2. The issue occurs in the '2' column where I defined the buttons and blocks with size 12. All buttons misbehave there with icons, but the one 'block' in that column is the only one with a correct icon.

(I have no buttons in other columns, but putting one in a '5' wide column makes no differnce, the behaviour is the same)
Icons are of the type fas fa-solar-panel etc

[Lokonli]

As of version 3.80 there is a strange behaviour with the icons of buttons: on a lower resolution screen, some of these buttons show a very big icon.

I tested the version on a chromebook tablet with high resolution and both 3.7.6 and 3.8.1 were identical while switching between them. However, when I put that tablet in portrait mode, I see the same behaviour as on my 8" Tab3 with increased icons.

my setup is for columns: 5 - 5 - 2. The issue occurs in the '2' column where I defined the buttons and blocks with size 12. All buttons misbehave there with icons, but the one 'block' in that column is the only one with a correct icon.

(I have no buttons in other columns, but putting one in a '5' wide column makes no differnce, the behaviour is the same)
Icons are of the type fas fa-solar-panel etc

I had to change the css files a bit, because there was an interaction with the icons in the dials.

However, I expected the icon scaling for normal blocks should still be correct on smaller screens as well.

Do you have anything in custom.css related to this?

[Lokonli]

As of version 3.80 there is a strange behaviour with the icons of buttons: on a lower resolution screen, some of these buttons show a very big icon.

I tested the version on a chromebook tablet with high resolution and both 3.7.6 and 3.8.1 were identical while switching between them. However, when I put that tablet in portrait mode, I see the same behaviour as on my 8" Tab3 with increased icons.

my setup is for columns: 5 - 5 - 2. The issue occurs in the '2' column where I defined the buttons and blocks with size 12. All buttons misbehave there with icons, but the one 'block' in that column is the only one with a correct icon.

(I have no buttons in other columns, but putting one in a '5' wide column makes no differnce, the behaviour is the same)
Icons are of the type fas fa-solar-panel etc

I think I've found the issue. Can you add the following to custom.css and test?

Code: Select all

@media (max-width: 975px) {
    .col-icon .fas,
    .col-icon .far,
    .col-icon .fab,
    .col-icon .wi {
      font-size: 15px !important;
    }  
}

[jake]

I think I've found the issue. Can you add the following to custom.css and test?

Code: Select all

@media (max-width: 975px) {
    .col-icon .fas,
    .col-icon .far,
    .col-icon .fab,
    .col-icon .wi {
      font-size: 15px !important;
    }  
}

Yes, this is fixing it!

Should I keep it permanently, or is this for you just a test to see what way to go?

[Lokonli]

I'll release a new master and beta within a few days. I've to do some more testing first.

Verstuurd vanaf mijn AC2003 met Tapatalk