As you see, slider is under 50%, but it says 99%. 99% is not changed in any situation ?

{
"ActTime" : 1494065994,
"ServerTime" : "2017-05-06 13:19:54",
"Sunrise" : "04:59",
"Sunset" : "21:42",
"result" : [
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "Off",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Mi Light",
"HardwareType" : "Limitless/AppLamp/Mi Light with LAN/WiFi interface",
"HardwareTypeVal" : 22,
"HaveDimmer" : true,
"HaveGroupCmd" : false,
"HaveTimeout" : false,
"ID" : "1",
"Image" : "Light",
"IsSubDevice" : false,
"LastUpdate" : "2017-05-06 13:16:19",
"Level" : 45,
"LevelInt" : 45,
"MaxDimLevel" : 100,
"Name" : "MiLight Bridge",
"Notifications" : "false",
"PlanID" : "11",
"PlanIDs" : [ 11 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"Status" : "Off",
"StrParam1" : "",
"StrParam2" : "",
"SubType" : "RGBWW",
"SwitchType" : "Dimmer",
"SwitchTypeVal" : 7,
"Timers" : "true",
"Type" : "Lighting Limitless/Applamp",
"TypeImg" : "dimmer",
"Unit" : 5,
"Used" : 1,
"UsedByCamera" : false,
"XOffset" : "676",
"YOffset" : "15",
"idx" : "123"
}
],
"status" : "OK",
"title" : "Devices"
}

In addition to slide event for 'SwitchType']=='Dimmer'; add change event in main.js script :
change:function( event, ui ) {
slideDevice($(this).data('light'),ui.value);
}
Thus we can use a javascript function for updating dimmer value, without using mouse

Should this not be clickable like E and Gl?

On the main screen, for the E and G meter, there is a pop up when clicked. It says loading ad stays empty.
Should a graph be loaded here?

I noticed the iframe block only grows in width (like the other blocks) where as to be able to fill the block nicely it would also need to grow in height - like for example the web camera block. Is this perhaps something that could be achieved with the custom.css or do you think it might be a good idea to implement this kind of behavior as default? I assume most use cases would benefit form this as otherwise the ratio of the block changes which (in most cases?) makes the iframe source look a bit funny.

graphs are showing a different annotation when hovered over the datapoints. E is using 0,0 and G 0.0. Water in my case is completely of. Should be in Liters (as is the header), now showing liters/1000. Might be that this is best set as a config item for the various types of water measurement.

Bigger buttons for mediaplayer

When scrolling, dashticz returns to the swipeback_to screen even with activity.
and also, when scrolling to in my case screen 5 ( i only have 4 screens, so I scrolled round) it will go back to screen 1.

Change color of lights (Philips Hue)

webcal couldnt be loaded.
If it still doesnt load, add crossorigin like:

https://crossorigin.me/webcal://p02-calendars.icloud.com/published/2/Yh3GRcp8FBY-UAUGryMNIbO3NhKLlO7s0__3aub42RtrNh1ldQJA5Q_80woPwnPx

When touching the screen in standby modus, it opens graph windows or turn on lights when beneath the standby-layer there's a button or something.

If you add Dashticz to Home Page (via Add to Home Page from Safari) -> to enable full screen: no sound at all. Even a simple button is not working: buttons.radio = {image: 'img/radio_on.png', title: 'Radio', url: 'http://stream.musicfm.hu:8000/musicfm.mp3'}

columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

'currentweather_big','weather',5 ect, only work in the standby screen when the are also used in the columns section.
If there not used in the columns the will not show up in the standby screen.

Example:
This don't work:
columns[2]['blocks'] = ['blocktitle_2',14,23,9,12,19]
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

This works:
columns[2]['blocks'] = ['blocktitle_2',14,23,9,12,19,'currentweather_big','weather',5]
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

Production and beta branch

Can it be possible to popup the camera window when another switch is On like a doorbell so i can see in a large image who is in front of the door

Automatically slide back to slide X

When domoticz is set to a short log from 7 days the dashboard is extremely slow and sometimes crashed. Also is is displaying in format which can't be read:

Maybe an option to scroll between days (same as Eneco Toon) would be an option to solve this.
1 day view as a line graph
a week and month as a bar graph.

Need to develop an advanced plugin for Calendar plugin (with iCal support, so you can use any Calendar application which support it: Apple Calendar, Google Calendar etc.).

Since the newest update of main.js, it is not possible to use Dashticz because of an error in line 126. _EDIT_MODE is checked there, but not if undefinied, only if its true.
Console reports that there is no _EDIT_MODE, so the check results in an error and therefore the Dashboard does not load anymore.

I could find it on the issue list, but I get an error when showing (traffic) maps.

It is a dutch error, sorry:

Oeps! er is iets misgegaan
google maps is niet correct geladen, zie de javascript-console voor technische details.

I do get a map, only for a single or two seconds.

UPDATE:
Was no maps or dashticz issue.
was a not correct apikey. ( i can not read manuals...)

Not an issue, but a request for an enhancement:

When a temperature reading drops below zero, could the value be in blue (or whatever color you like) ? Like a warning for frost when you have to leave home by car.

Selectable by the user (var _USE_TEMP_COLOR = "#F0F0F0"; or something like that). If not set, use default.

I'd like to create a link to the 3rd screen if possible. So when I click my small webcam on the first screen it will show the 3rd screen with a bigger webcam picture.

Warning when value reaches pre-defined value (e.g. if you use to much power or gas)

Graphs are displayed correctly. However when the range is changed (from Today 'vandaag') to another range. The graph disappears and only the header remains.

System: Windows 10 desktop. Browser: Chrome

Would like to have possibility to change RGB bulb/strip color same way as dimmer works now, possible double slider, upper dimmer, lower for color.

Integrate the Security panel of domoticz

Suggest to put custom background images in the custom folder (eventually maybe even in a subfolder images or img to stay in line with the dir structure). This way custom images won't be overwritten when the folder is updated/replaced with a new version of the dashboard. This requires the path to the custom images to be set in config.js as part of the configuration.
Current (line 156, main.js):
if(typeof(screens[s]['background'])!=='undefined') screenhtml+='style="background-image:url(\'img/'+screens[s]['background']+'\');"';
Suggestion (line 156, main.js):
if(typeof(screens[s]['background'])!=='undefined') screenhtml+='style="background-image:url('+screens[s]['background']+');"';

When switched off, selector icon shows still on.

Using skycons for weather icons

Buttons instead of dropdown with selectors

As written in this post: https://www.domoticz.com/forum/viewtopic.php?f=8&t=16526&p=131859&hilit=afvalwijzer#p131859

It would be nice if the 'afvalwijzer' would be a text tile instead of a dropdown menu. There is nothing really to choose from.
Altering it manually means it is lost by update.

While debugging the code i saw, beside all the local connection, that there is one resource which is not loaded locally but directly from Google.

I'm talking about main.js, Line 38:
$('<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">').appendTo("head");

I would prefer a local solution, as Google Fonts is Open Source and you could save the stylesheet directly to the css folder.

Integate NZBget for showing current downloads

The addThermorstatfunction is not working if called from custom.js:

thermelement = ('.thermostat'+random);
addThermostatFunctions(thermelement); 

in the function the click event handler have to be changed to let it work:

Correct code:

function addThermostatFunctions(thermelement){
							
	//$(thermelement+' .btn-number').click(function(e) {
==>	$(document).delegate((thermelement+' .btn-number'),"click",function(e){	<====
		sliding=true;
	  fieldName = $(this).attr('data-field');
	  type = $(this).attr('data-type');
	  var input = $(thermelement+" strong");

On the iPad the up/down buttons don't alin correctly with the window. This looks like a CSS inteprepation error. On PC the buttons are aligned correctly.
To test: in Chrome debug screen (F12) switch to iPad view.

I'd like to show my webcam on my standby screen, is this possible?

Merge multiple calendars into 1 block

Add configuration for users to change their graph colors

I have the following block:
columns[2] = {}
columns[2]['blocks'] = ['blocktitle_Verbruik','281_1','281_2','282']
columns[2]['width'] = 6;

Device 281 is the powerusage and 282 the gas usage.
When I click the gas block the graph is showing in a popup. When I click the power blocks the graph isn't showing, probably because of the _1 and _2, is it possible to show the graph also at these kind of blocks?

Maybe everybody should run they own crossorigin.me server? I got it working, since it is an open source project.

...maybe we should make 'https://crossorigin.me' into a configurable variable in CONFIG.js =>>>> _CROSS_PROXY_URL = '' so everybody can set they own cross proxy server (=or run it's own)?

Install node & npm:

curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo curl -L https://www.npmjs.com/install.sh | sh

Clone crossorigin.me repo:

https://github.com/technoboy10/crossorigin.me.git crossorigin
cd crossorigin
npm install
npm start

...but it's for advanced users only.

Changing dimmer slider position turns bulb on, but not dashticz bulb icon

{
"ActTime" : 1494065994,
"ServerTime" : "2017-05-06 13:19:54",
"Sunrise" : "04:59",
"Sunset" : "21:42",
"result" : [
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "Off",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Mi Light",
"HardwareType" : "Limitless/AppLamp/Mi Light with LAN/WiFi interface",
"HardwareTypeVal" : 22,
"HaveDimmer" : true,
"HaveGroupCmd" : false,
"HaveTimeout" : false,
"ID" : "1",
"Image" : "Light",
"IsSubDevice" : false,
"LastUpdate" : "2017-05-06 13:16:19",
"Level" : 45,
"LevelInt" : 45,
"MaxDimLevel" : 100,
"Name" : "MiLight Bridge",
"Notifications" : "false",
"PlanID" : "11",
"PlanIDs" : [ 11 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"Status" : "Off",
"StrParam1" : "",
"StrParam2" : "",
"SubType" : "RGBWW",
"SwitchType" : "Dimmer",
"SwitchTypeVal" : 7,
"Timers" : "true",
"Type" : "Lighting Limitless/Applamp",
"TypeImg" : "dimmer",
"Unit" : 5,
"Used" : 1,
"UsedByCamera" : false,
"XOffset" : "676",
"YOffset" : "15",
"idx" : "123"
}
],
"status" : "OK",
"title" : "Devices"
}

Refresh the whole dashboard after x minutes

Requests:

• Can we set the amount of days, so we can choose to only see 2, 3 or x days/collect-moments in advance? Configurable in CONFIG.js
• Can we change the names ourselves in CONFIG.js? (f.i. Gft -> GFT, Pmd -> Plastic, etc.) Configurable in CONFIG.js
• Can the color of the garbage bin be depending of the sort of garbage (orange when it's plastic, green when it's GFT, grey when it's Rest) ? Configurable in CONFIG.js
• Can the dates be aligned neatly ? Configurable in CONFIG.js

Easily adjust headers with config.js or css