Domoticz

Posted: **Wednesday 18 September 2019 20:07**

I've just created the Dashticz v3.1.0 beta release:
https://github.com/Dashticz/dashticz/re ... 3.1.0-beta

Enhancements

* New config setting 'start_page' to set Dashticz start page number
* New parameter 'scrollbars' to set scrollbars in frame.
* New graph module. It’s not completely backwards compatible. Especially styling will be different.

Fixes

* Faster initial display of the Dashticz dashboard.

See https://dashticz.readthedocs.io/en/beta ... s.html#id1

If you are on the beta branch and you are using git you can update via:

Code: Select all

git pull

Check that you pull from the correct github repository:
https://github.com/Dashticz/dashticz

Posted: **Wednesday 18 September 2019 20:17**

Faster initial display of the Dashticz dashboard: Uh... It’s almost loaded instantly

Posted: **Wednesday 18 September 2019 21:31**

i dont get it.
i'm in the beta brance on git ,copy the git url ,clone this to my pi(sudo git clone https://github.com/Dashticz/dashticz.git) but stil on the master 3.0.6 branche

Posted: **Wednesday 18 September 2019 21:48**

Gianni wrote: ↑Wednesday 18 September 2019 21:31 i dont get it.
i'm in the beta brance on git ,copy the git url ,clone this to my pi(sudo git clone https://github.com/Dashticz/dashticz.git) but stil on the master 3.0.6 branche

This should install the beta:
git clone https://github.com/Dashticz/dashticz --branch beta
Or you can change to beta:
git fetch origin
git checkout beta
git pull

Posted: **Wednesday 18 September 2019 23:25**

Code: Select all

gianni@domotic:/var/www/html/homecontrol $ git fetch origin
gianni@domotic:/var/www/html/homecontrol $ git checkout beta
M       .gitignore
M       Dockerfile
M       Makefile
M       README.md
M       css/creative.css
M       custom/custom.css
M       custom/custom.js
M       docs/blocks/buttons.rst
M       docs/blocks/domoticzblocks.rst
M       docs/blocks/specials/publictransport.rst
M       docs/blocks/specials/weather.rst
M       docs/customcss/customcss.rst
M       docs/dashticzconfiguration.rst
M       docs/develop/documentation.rst
M       docs/gettingstarted/automaticinstall.rst
M       docs/gettingstarted/manualinstall.rst
M       docs/releasenotes.rst
M       docs/tipsandtricks.rst
M       index.html
M       index2.html
M       js/blocks.js
M       js/news.js
M       js/publictransport.js
M       js/settings.js
M       js/version.js
M       js/weather_owm.js
M       scripts/dashticz_install.sh
M       version.txt
Already on 'beta'
Your branch is up-to-date with 'origin/beta'.
gianni@domotic:/var/www/html/homecontrol $ git pull
Already up-to-date.

git clone the beta to a folder and then copied the file to my homecontrol folder without the custom folder.
now i am on beta 3.1.0

Posted: **Monday 23 September 2019 17:14**

Great work!! Start page and the graph is working very good! thank you very much!

Posted: **Tuesday 24 September 2019 10:47**

Thanks for the update, i was still on V2
Is it still possible to resize a graph? In V2 i could do this in the custom.css:

Code: Select all

#graphoutput77 {
	height:100px;
}

This does not seem to work anymore.

Posted: **Tuesday 24 September 2019 11:57**

JimmyH1969 wrote: ↑Tuesday 24 September 2019 10:47 Thanks for the update, i was still on V2
Is it still possible to resize a graph? In V2 i could do this in the custom.css:
Code: Select all
#graphoutput77 {
	height:100px;
}
This does not seem to work anymore.

You can resize the graph via the height parameter of the block in CONFIG.js. See:
https://dashticz.readthedocs.io/en/beta ... tml#graphs

Posted: **Tuesday 24 September 2019 13:01**

Missed that one. Thanks! Works like a charm

Posted: **Wednesday 25 September 2019 22:30**

One more please...

I have a few buttons, like..

Code: Select all

buttons.page1 = { width:4, title:'Menu1', slide:1};

Is it possible to change title size, color and position in the button itself?

Thank you again

Posted: **Thursday 26 September 2019 15:42**

JimmyH1969 wrote: ↑Wednesday 25 September 2019 22:30 One more please...

I have a few buttons, like..
Code: Select all
buttons.page1 = { width:4, title:'Menu1', slide:1};
Is it possible to change title size, color and position in the button itself?

Thank you again

You can change title size and color via custom.css

What do you mean with position?

Posted: **Thursday 26 September 2019 20:52**

the position of the title in the button. I have a tablet on the wall and my buttons only have numbers in it. They are a little of to the left, not in the center, so i want the title (in my case just a number) a bit more to the right.
With a block i can do something like this:

Code: Select all

.block_444 .state,
.block_444 .state {
	margin-left: 10px !important;
}

How do i do that with a button?

Posted: **Thursday 26 September 2019 21:22**

So i mean, how to adress the button?

Code: Select all

.buttons.page1 .state {margin-left: 10px !important;}

You see, i have no clue about .css

Posted: **Saturday 05 October 2019 9:39**

Whats the different beween V2 and V3?
I did à manual install of V3 and it works on my pc and newest iPad. I also have a old iPad wich I use on the wall.
On this one V3 isnt working, I get the loadingpage and then nothing. On V2 it works like a charme.
I use Safari because I cant install Chrome because the iPad is running on iOS 9. I also clear the cache.

Posted: **Saturday 05 October 2019 17:48**

Did you use v3 beta or master?
Beta contains some es6 functionality which probably gives issues on older safari versions.

Sent from my SM-A320FL using Tapatalk

Posted: **Sunday 06 October 2019 9:14**

Lokonli wrote: ↑Saturday 05 October 2019 17:48 Did you use v3 beta or master?
Beta contains some es6 functionality which probably gives issues on older safari versions.

Sent from my SM-A320FL using Tapatalk

Thanks, i use the beta. I will try the master.

Posted: **Sunday 06 October 2019 9:54**

SwordFish wrote: ↑Sunday 06 October 2019 9:14
Lokonli wrote: ↑Saturday 05 October 2019 17:48 Did you use v3 beta or master?
Beta contains some es6 functionality which probably gives issues on older safari versions.

Sent from my SM-A320FL using Tapatalk
Thanks, i use the beta. I will try the master.

I think i've fixed it with the latest changes on github (beta branch). Can you test it?

Posted: **Sunday 06 October 2019 12:59**

Lokonli wrote: ↑Sunday 06 October 2019 9:54
SwordFish wrote: ↑Sunday 06 October 2019 9:14
Lokonli wrote: ↑Saturday 05 October 2019 17:48 Did you use v3 beta or master?
Beta contains some es6 functionality which probably gives issues on older safari versions.

Sent from my SM-A320FL using Tapatalk
Thanks, i use the beta. I will try the master.
I think i've fixed it with the latest changes on github (beta branch). Can you test it?

Yes the page will load, but my buttons won't work I use

Code: Select all

function getBlock_s2(device,idx){
   $('.block_'+idx).attr('onclick','switchDevice(this)');
   var html='';
   html+='<div class="col-xs-4 col-icon">';
	if(device['Status']=='Off') html+='<img src="img/Off_button.png" class="off icon" />';
    else html+='<img src="img/On_button.png" class="on icon" />';
   html+='</div>';
      html+='<div class="col-xs-8 col-data">';
   html+='<strong class="title">'+device['Name']+'</strong><br />';
   if(device['Status']=='Off') html+='<span class="state">uit</span>';
   else html+='<span class="state">aan</span>';
   return html;
   }

maybe with the V3 I have to change that

Posted: **Sunday 06 October 2019 13:48**

For changing custom on/off icons you can use the block option:

Code: Select all

imageOff: 'Off_button.png',
imageOn: 'On_button.png'

To change the class of the icon can you try:

Code: Select all

function afterGetDevices(){
  if (alldevices[s2].Data == 'Off') {
    $('.block_s2 .col-icon').removeClass('aan');
    $('.block_s2 .col-icon').addClass('uit');
  }
  else {
    $('.block_s2 .col-icon').removeClass('uit');
    $('.block_s2 .col-icon').addClass('aan');
  }

}

Posted: **Sunday 06 October 2019 14:29**

HansieNL wrote: ↑Sunday 06 October 2019 13:48 For changing custom on/off icons you can use the block option:
Code: Select all
imageOff: 'Off_button.png',
imageOn: 'On_button.png'
To change the class of the icon can you try:
Code: Select all
function afterGetDevices(){
  if (alldevices[s2].Data == 'Off') {
    $('.block_s2 .col-icon').removeClass('aan');
    $('.block_s2 .col-icon').addClass('uit');
  }
  else {
    $('.block_s2 .col-icon').removeClass('uit');
    $('.block_s2 .col-icon').addClass('aan');
  }

}

Thanks all for the help its working

One thing, the "uit' text is in uppercase now is it possible to get it in lowercase?

Domoticz

Dashticz v3.1.0 beta

Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta

Re: Dashticz v3.1.0 beta