Dashticz - v3.8.9 beta

[Lokonli]

A new Dashticz release with the following functionality:

* Scaling of frame content

framescale.jpg (48.06 KiB) Viewed 2057 times

Use the new block parameters 'scale2fit' and 'aspectratio' to define the scaling and height adjustment.

* Dials now also support blinds

dialblinds.jpg (14.49 KiB) Viewed 2057 times

See release notes and documentation via:
https://dashticz.readthedocs.io/en/beta ... 23-12-2021

[madpatrick]

Hi Lokonli,

Is it possible to make the text size a bit bigger ?

When i try

Code: Select all

.dialbtn.up {
    font-size: 150%
}

The dial is meshed up a bit

Also is it possible to make the dial a bit larger
Width 3 is a bit to big and width 2 a bit to small
I'm trying to get 5 dial in 1 row


And is it possible to add Title to the Selector dial?

Dial.png (25.45 KiB) Viewed 2008 times

Something like this ?

[epost]

Hello,
I have updated from version 3.8.7 to version 3.8.9
As a result, the decimals have changed and the comma has become a period.
How can I change this back to the old format?

[Krenstik]

use a : decimals: 1, id dial text.....

[Lokonli]

Hi Lokonli,

Is it possible to make the text size a bit bigger ?

When i try

Code: Select all

.dialbtn.up {
    font-size: 150%
}

The dial is meshed up a bit

I've made a little update.

Now you can change the up/down text size via:

Code: Select all

.up .text, .down .text {
  font-size: 200%
}

[madpatrick]

Thanks.
It is working on my PC screen, but on my tablet is remains unchanged

Code: Select all

.up .text, .down .text {
  font-size: 40px !important
}

Is it possible to adjust the text in the middle also

[epost]

Hi Lokonli,

Do you also have a solution for the Gas dial.
Decimals: 1 doesn't work here.

blocks['Gasmeter'] = {
idx: 464,
title: 'Gas',
type: 'dial',
values: [{value:'Counter', decimals: 0, unit:' m3'}],
setpoint: 5,
min: 0,
max: 10,
width: 6,
shownumbers: true,
showring: true,
animation: false,
showunit:true
}

[Lokonli]

Thanks.
It is working on my PC screen, but on my tablet is remains unchanged

Code: Select all

.up .text, .down .text {
  font-size: 40px !important
}

Is it possible to adjust the text in the middle also

It works on my tables (android and iOS). Can it be that the screen resolution is relatively high? Then probably the 40px may still be rather small.
Try with relative size:

Code: Select all

   font-size: 200%

To change all the font sizes in a blinds button:

Code: Select all

.text {
  font-size: 200%
}

This probably is a bit too big for a two line middle row. You could add:

Code: Select all

.middle .text {
  font-size: 130%
}

[Lokonli]

Hi Lokonli,

Do you also have a solution for the Gas dial.
Decimals: 1 doesn't work here.

blocks['Gasmeter'] = {
idx: 464,
title: 'Gas',
type: 'dial',
values: [{value:'Counter', decimals: 0, unit:' m3'}],
setpoint: 5,
min: 0,
max: 10,
width: 6,
shownumbers: true,
showring: true,
animation: false,
showunit:true
}

I've made a small fix. Update Dashticz with 'git pull'.

The following will work:

blocks['Gasmeter'] = {
idx: 464,
title: 'Gas',
type: 'dial',
values: [{value:'Counter', decimals: 0, unit:' m3'}],
setpoint: 5,
min: 0,
max: 10,
width: 6,
shownumbers: true,
showring: true,
animation: false,
showunit:true,
decimals: 1
}

[madpatrick]

Thanks.
It is working on my PC screen, but on my tablet is remains unchanged

Code: Select all

.up .text, .down .text {
  font-size: 40px !important
}

Is it possible to adjust the text in the middle also

It works on my tables (android and iOS). Can it be that the screen resolution is relatively high? Then probably the 40px may still be rather small.
Try with relative size:

Code: Select all

   font-size: 200%

To change all the font sizes in a blinds button:

Code: Select all

.text {
  font-size: 200%
}

This probably is a bit too big for a two line middle row. You could add:

Code: Select all

.middle .text {
  font-size: 130%
}

Now it is working !
Thanks

The resulotion of the tablet is 1280x800. but i think the 8" is a bit small for my eyes......

Do you think it is possible to add a title to the selector dials?
That would make it perfect for me.

[epost]

Hi Lokonli,

The Gas dial now works as before.
Thank You very much

I have another item that changed after the update.
The decimal comma has been replaced by a period

blocks['zolder'] = {
idx: 510,
title: 'Zolder',
type: 'dial',
setpoint: 20,
min: 5,
max: 45,
width: 6,
shownumbers: true,
showring: true,
showunit: true,
last_update: true,
animation: false
}

[Lokonli]

Hi Lokonli,

The Gas dial now works as before.
Thank You very much

I have another item that changed after the update.
The decimal comma has been replaced by a period

blocks['zolder'] = {
idx: 510,
title: 'Zolder',
type: 'dial',
setpoint: 20,
min: 5,
max: 45,
width: 6,
shownumbers: true,
showring: true,
showunit: true,
last_update: true,
animation: false
}

Should work again with latest beta.

[epost]

Lokonli,

The decimal comma works perfectly
Thank You very much

[besix]

Welcome
I want to add the "usage" value from such a device to a regular switch
Json

Code: Select all

			"AddjMulti" : 1.0,
			"AddjMulti2" : 1.0,
			"AddjValue" : 0.0,
			"AddjValue2" : 0.0,
			"BatteryLevel" : 255,
			"CounterToday" : "0 kWh",
			"CustomImage" : 0,
			"Data" : "0.020 kWh",
			"Description" : "",
			"EnergyMeterMode" : "0",
			"Favorite" : 0,
			"HardwareDisabled" : false,
			"HardwareID" : 6,
			"HardwareName" : "Shelly",
			"HardwareType" : "Shelly MQTT",
			"HardwareTypeVal" : 94,
			"HaveTimeout" : false,
			"ID" : "shelly1pm-84CCA8ACB7B8-0-energy",
			"LastUpdate" : "2021-12-28 15:18:07",
			"Name" : "Pompa Pob\u00f3r",
			"Notifications" : "false",
			"PlanID" : "2",
			"PlanIDs" : 
			[
				2
			],
			"Protected" : false,
			"ShowNotifications" : true,
			"SignalLevel" : "-",
			"SubType" : "kWh",
			"SwitchTypeVal" : 0,
			"Timers" : "false",
			"Type" : "General",
			"TypeImg" : "current",
			"Unit" : 4,
			"Usage" : "0 Watt",
			"Used" : 1,
			"XOffset" : "363",
			"YOffset" : "503",
			"idx" : "15"

How to do it with this example ?

Code: Select all

blocks['sw1'] = {
  idx: 1056,
  type:'dial',
  values: [
    {
      idx: 1057,
      isNeedle: true
    },
  ],
  width: 6,
  showring: true,
  shownumbers: true,
  min: 0,
  max: 10
}

The switch has an idx of 12 and Shelly from Usage has an idx of 15
How do I put idx 15 in values ​​[
gives me "DATE"

[Lokonli]

I would expect by adding the value parameter and setting idx correctly, like:

Code: Select all

values: [
    {
      idx: 15,
      isNeedle: true,
      value: 'Usage'
    },
  ],

[besix]

Perfectly
Thank you very much

[madpatrick]

Hi Lokonli,

Another question (sorry for the many questions)

When I push 1 dial on or off the test will dissapear.
Same when i test it on my pc wih the mouse, but then i will come back if the mouse the not on the dial

What can this be ?

This is my custom.css for these dials

Code: Select all

.dial-center .value					{color: white !important;font-size: 130% !important;}	
.dial .device 						{font-size: 14px;padding-top: 10px !important}

and i used in config.js

Code: Select all

iconSwitch: ' '

to remove the icon due to limited space on my small tablet