Dashticz v3.1.0 beta

[Lokonli]

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

[HansieNL]

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

[Gianni]

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

[HansieNL]

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

[Gianni]

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

[Vomera]

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

[JimmyH1969]

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.

[Lokonli]

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

[JimmyH1969]

Missed that one. Thanks! Works like a charm

[JimmyH1969]

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

[Lokonli]

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?

[JimmyH1969]

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?

[JimmyH1969]

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

[SwordFish]

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.

[Lokonli]

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

[SwordFish]

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.

[Lokonli]

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?

[SwordFish]

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

[HansieNL]

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');
  }

}

[SwordFish]

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?