Yet another frontpage

SwordFish · Post by **SwordFish** » Sunday 21 February 2016 11:44

verry nice frontpage. But I have kaku dimmers and these works in steps so when i use the slider the kaku dimmer respons only between 0% and 16% and from 16% it is alway 100% for the light. Is there a way to change this for kaku dimmers?

HansLe · Post by **HansLe** » Sunday 21 February 2016 20:18

You have to define a new class, f.e. kakudimmers. See how the heaters are defined.

h143 · Post by **h143** » Monday 22 February 2016 22:27

HansLe wrote:@arnoldg:

you have added this code to?
Code: Select all
				} else if(element.hasClass("datavalue")) {
					that.updateWidget.datavalue(element, result);	
Can you add the console log line:
Code: Select all
		datavalue: function(element, result) {                // 1-2 toegevoegd
			var datavalue = result.Data ;

			console.log ( "Datavalue: " + result.idx + " " + result.Usage); 
I use chrome to inspect what happens:
After changing the code
refresh the page with the box
right click your mouse
select inspect
select tab console
you see there the printed line? If not use some more console.log statements to investigate where it's going wrong.

i don't get also my elctric and gas usage in this frontpage,
i have do your steps but the frontpage shows only ...

daandamhuis · Post by **daandamhuis** » Tuesday 23 February 2016 21:56

Hi,

I've just configured the Web Interface, and it's working great. But is their an example to configure / include a Chromecast and Selector Switches?

Thanks in advance!

HansLe · Post by **HansLe** » Tuesday 23 February 2016 23:29

@arnoldg

Change line:

Code: Select all

<div class="box" data-domoticz-id="60" data-status="true"">

to

Code: Select all

<div class="box datavalue" data-domoticz-id="60" data-status="true"">

and it will work.

arnoldg wrote:i can't get it to work, below is the output of the json string.
i wan't to use ID:60 and the usage output.
that is not the problem, in domoticz.js a read this

Code: Select all

      	datavalue: function(element, result) {                // 1-2 toegevoegd
         	var datavalue = result.Usage;
   
         // Update the datavalue itself
         eleme....

but it doesn't display the value to the screen, is there a way to see what is going wrong.
HTML code on the site

Code: Select all

           		<div class="col col-md-2 col-sm-2 col-xs-2">
					<div class="box" data-domoticz-id="60" data-status="true"">
        				<div class="box-header box-solid box-info with-border bg-red ">
            				<h3 class="box-title">Elektra</h3>
			            </div><!-- /.box-header> -->
            		     <h4><div class="box-body datavalue">...</div></h4>
                 		<!-- /.box-body -->
		        	</div><!-- /.box -->   
            	</div><!-- /.col -->

the rest is just as you descript.

please tell me what i do wrong.

Code: Select all

{
   "ActTime" : 1455731410,
   "ServerTime" : "2016-02-17 18:50:10",
   "Sunrise" : "07:47",
   "Sunset" : "17:47",
   "result" : [
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 12,
         "HardwareName" : "Mysensor serial",
         "HardwareType" : "MySensors Gateway USB",
         "HardwareTypeVal" : 41,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000064",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 17:35:03",
         "Level" : 100,
         "LevelInt" : 15,
         "MaxDimLevel" : 15,
         "Name" : "Bank",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 3,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "339",
         "YOffset" : "255",
         "idx" : "103"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 12,
         "HardwareName" : "Mysensor serial",
         "HardwareType" : "MySensors Gateway USB",
         "HardwareTypeVal" : 41,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000064",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 17:35:03",
         "Level" : 100,
         "LevelInt" : 15,
         "MaxDimLevel" : 15,
         "Name" : "Computer",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 2,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "103",
         "YOffset" : "316",
         "idx" : "102"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 12,
         "HardwareName" : "Mysensor serial",
         "HardwareType" : "MySensors Gateway USB",
         "HardwareTypeVal" : 41,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000064",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 17:35:05",
         "Level" : 100,
         "LevelInt" : 15,
         "MaxDimLevel" : 15,
         "Name" : "TV",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 5,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "145",
         "YOffset" : "171",
         "idx" : "105"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 12,
         "HardwareName" : "Mysensor serial",
         "HardwareType" : "MySensors Gateway USB",
         "HardwareTypeVal" : 41,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000064",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 18:25:33",
         "Level" : 100,
         "LevelInt" : 15,
         "MaxDimLevel" : 15,
         "Name" : "Vensterbank",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 4,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "310",
         "YOffset" : "55",
         "idx" : "104"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "21.0",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 13,
         "HardwareName" : "Opentherm",
         "HardwareType" : "OpenTherm Gateway USB",
         "HardwareTypeVal" : 18,
         "HaveTimeout" : false,
         "ID" : "0000005",
         "LastUpdate" : "2016-02-17 18:49:44",
         "Name" : "Room Setpoint",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "SetPoint" : "21.0",
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "SetPoint",
         "Timers" : "false",
         "Type" : "Thermostat",
         "TypeImg" : "override_mini",
         "Unit" : 0,
         "Used" : 1,
         "XOffset" : "248",
         "YOffset" : "140",
         "idx" : "142"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "21.0 C",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 13,
         "HardwareName" : "Opentherm",
         "HardwareType" : "OpenTherm Gateway USB",
         "HardwareTypeVal" : 18,
         "HaveTimeout" : false,
         "ID" : "0008",
         "LastUpdate" : "2016-02-17 18:49:44",
         "Name" : "Room Temperature",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "TFA 30.3133",
         "Temp" : 21.0,
         "Timers" : "false",
         "Type" : "Temp",
         "TypeImg" : "temperature",
         "Unit" : 8,
         "Used" : 1,
         "XOffset" : "95",
         "YOffset" : "419",
         "idx" : "143"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "Counter" : "1267.663",
         "CounterDeliv" : "0.000",
         "CounterDelivToday" : "0.000 kWh",
         "CounterToday" : "6.692 kWh",
         "CustomImage" : 0,
         "Data" : "538022;729641;0;0;528;0",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 10,
         "HardwareName" : "Smart meter",
         "HardwareType" : "P1 Smart Meter USB",
         "HardwareTypeVal" : 4,
         "HaveTimeout" : false,
         "ID" : "1",
         "LastUpdate" : "2016-02-17 18:50:02",
         "Name" : "Elektra",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "Energy",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "P1 Smart Meter",
         "TypeImg" : "counter",
         "Unit" : 1,
         "Usage" : "528 Watt",
         "UsageDeliv" : "0 Watt",
         "Used" : 1,
         "XOffset" : "91",
         "YOffset" : "26",
         "idx" : "60"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 10,
         "Data" : "Off",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 13,
         "HardwareName" : "Opentherm",
         "HardwareType" : "OpenTherm Gateway USB",
         "HardwareTypeVal" : 18,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000071",
         "Image" : "Fireplace",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 18:45:14",
         "Level" : 0,
         "LevelInt" : 0,
         "MaxDimLevel" : 15,
         "Name" : "FlameOn",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "Off",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "31",
         "YOffset" : "584",
         "idx" : "137"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 11,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 13,
         "HardwareName" : "Opentherm",
         "HardwareType" : "OpenTherm Gateway USB",
         "HardwareTypeVal" : 18,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000066",
         "Image" : "Water",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-13 12:11:52",
         "Level" : 100,
         "LevelInt" : 15,
         "LevelNames" : "Off",
         "MaxDimLevel" : 15,
         "Name" : "DHW_enabled",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "SelectorStyle" : 0,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "Selector",
         "SwitchTypeVal" : 18,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "31",
         "YOffset" : "533",
         "idx" : "130"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 15,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 13,
         "HardwareName" : "Opentherm",
         "HardwareType" : "OpenTherm Gateway USB",
         "HardwareTypeVal" : 18,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000065",
         "Image" : "Heating",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 15:48:11",
         "Level" : 100,
         "LevelInt" : 15,
         "LevelNames" : "Off",
         "MaxDimLevel" : 15,
         "Name" : "CH_enabled",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "SelectorStyle" : 0,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "Selector",
         "SwitchTypeVal" : 18,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "33",
         "YOffset" : "484",
         "idx" : "129"
      },
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "On, Level: 100 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 12,
         "HardwareName" : "Mysensor serial",
         "HardwareType" : "MySensors Gateway USB",
         "HardwareTypeVal" : 41,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "0000064",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2016-02-17 17:30:49",
         "Level" : 100,
         "LevelInt" : 15,
         "MaxDimLevel" : 15,
         "Name" : "Keuken",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "On",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "AC",
         "SwitchType" : "On/Off",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "Lighting 2",
         "TypeImg" : "lightbulb",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "101"
      }
   ],
   "status" : "OK",
   "title" : "Devices"
}

daandamhuis · Post by **daandamhuis** » Wednesday 24 February 2016 18:16

Got the Gas and Electricity working. Thanks for the example @HansLe.

wauwturrr · Post by **wauwturrr** » Thursday 25 February 2016 18:26

Really love this theme. Using it with a tablet attached to the wall. There are only 2 things i just can't get solved..
When you have your heater connected with a OpenTherm Gateway, the temperate can only be turned up by 1 degree per slide. Is there someone who allready made it working with just 0.5 degree per slide? (i know it might sound quite silly..). I've also tested some things with the chromecast, but it seems to be not working anymore.. Someone who also solved that?

daandamhuis · Post by **daandamhuis** » Friday 26 February 2016 10:28

wauwturrr wrote:I've also tested some things with the chromecast, but it seems to be not working anymore.. Someone who also solved that?

Currently I don't have a solution, you can use cURL commands to get the JSON response! (http://fiquett.com/2013/07/chromecast-traffic-sniffing/)

petergab94 · Post by **petergab94** » Monday 04 April 2016 8:31

Hello,

The switch command works fine, ... good frontpage ! i love !
the scroll bars are not changed ?
it's normal ? it can not be varied ?

ok HS for chrome .. ok mozilla !

clubeddie · Post by **clubeddie** » Tuesday 01 November 2016 22:34

Project still Alive?

fverdonk · Post by **fverdonk** » Wednesday 02 November 2016 14:44

hi all, i like to use this good looking front page but a failed to get it working.
Maybe someone can have a look wat step went wrong.
From the readme
## Getting started
* Copy `custom/js/settings.example.js` to `custom/js/settings.js` and configure the settings: done
* Add a rectangular user image to `custom/img/user.jpg`: can not find it
* Create a roomplan in Domoticz that contains all devices you want to see/control in the dashboard : done

After this i connect the server via:
http://192.168.178.35:8080/frontpage.html
But all i get is that Domoticz is offline.

May it is something stupid but i do not know where to find it.
Hw Raspberry PI model 2 Domoticz V3.4834 RFXcom and Z-wave
Kind Regards Frank

satanasinc · Post by **satanasinc** » Friday 04 November 2016 9:46

Hi!

Nice dashboard. Installed and runnig without problems.
Very good job!

Thank you.

Greetings from spain!

qwerk · Post by **qwerk** » Friday 04 November 2016 10:45

fverdonk wrote:hi all, i like to use this good looking front page but a failed to get it working.
Maybe someone can have a look wat step went wrong.
From the readme
## Getting started
* Copy `custom/js/settings.example.js` to `custom/js/settings.js` and configure the settings: done
* Add a rectangular user image to `custom/img/user.jpg`: can not find it
* Create a roomplan in Domoticz that contains all devices you want to see/control in the dashboard : done

After this i connect the server via:
http://192.168.178.35:8080/frontpage.html
But all i get is that Domoticz is offline.

May it is something stupid but i do not know where to find it.
Hw Raspberry PI model 2 Domoticz V3.4834 RFXcom and Z-wave
Kind Regards Frank

Hi, I had the same problem when I installed this this morning.
When I go to http://domoticz/frontpage/index.html then its working

regards

fverdonk · Post by **fverdonk** » Saturday 05 November 2016 14:36

Thanks that was it.!!
rg Frank

clubeddie · Post by **clubeddie** » Sunday 06 November 2016 20:07

daandamhuis wrote:Got the Gas and Electricity working. Thanks for the example @HansLe.

I have tried to implement the gas and electricity also, only i cannot get two values. I want to show the daily usage and the actual usage.

So for electricity i want to use the values: 'CounterToday' and 'Usage'

So i added below in domotics.js

Code: Select all

} else if(element.hasClass("actueelverbruik")) {
					that.updateWidget.actueelverbruik(element, result); 
				} else if(element.hasClass("totaalverbruik")) {
					that.updateWidget.totaalverbruik(element, result);

And also:

Code: Select all

actueelverbruik: function(element, result) {                
         var actueelverbruik = result.Usage ;
   
         // Update the actueelverbruik itself
         element.find(".datavalue" ).html(actueelverbruik);
         
         // Also do generic updating
         this.generic(element, result);
      },
	  
	  totaalverbruik: function(element, result) {                
         var totaalverbruik = result.CounterToday ;
   
         // Update the totaalverbruik itself
         element.find(".datavalue" ).html(totaalverbruik);
         
         // Also do generic updating
         this.generic(element, result);
      },

This is working, if i add for example actueel usage like below:

Code: Select all

<div class="col col-md-4 col-sm-4 col-xs-2">
               <div class="box actueelverbruik" data-domoticz-id="26" data-status="true"">
                    <div class="box-header box-solid box-info with-border bg-red ">
                        <h3 class="box-title">Actueel verbruik</h3>
                     </div><!-- /.box-header> -->
                       <h4><div class="box-body datavalue">...</div></h4>
                       <!-- /.box-body -->
                 </div><!-- /.box -->   
               </div><!-- /.col -->

I get

: Knipsel.PNG (2.69 KiB) Viewed 6020 times

If i change this code in:

Code: Select all

<div class="col col-md-4 col-sm-4 col-xs-2">
               <div class="box totaalverbruik" data-domoticz-id="26" data-status="true"">
                    <div class="box-header box-solid box-info with-border bg-red ">
                        <h3 class="box-title">Totaal verbruik</h3>
                     </div><!-- /.box-header> -->
                       <h4><div class="box-body datavalue">...</div></h4>
                       <!-- /.box-body -->
                 </div><!-- /.box -->   
               </div><!-- /.col -->

I get

: Knipsel2.PNG (2.86 KiB) Viewed 6020 times

If i place both boxes like:

Code: Select all

 <div class="col col-md-4 col-sm-4 col-xs-2">
               <div class="box totaalverbruik" data-domoticz-id="26" data-status="true"">
                    <div class="box-header box-solid box-info with-border bg-red ">
                        <h3 class="box-title">Totaal verbruik</h3>
                     </div><!-- /.box-header> -->
                       <h4><div class="box-body datavalue">...</div></h4>
                       <!-- /.box-body -->
                 </div><!-- /.box -->   
               </div><!-- /.col -->
			   
			   <div class="col col-md-4 col-sm-4 col-xs-2">
               <div class="box actueelverbruik" data-domoticz-id="26" data-status="true"">
                    <div class="box-header box-solid box-info with-border bg-red ">
                        <h3 class="box-title">Actueel verbruik</h3>
                     </div><!-- /.box-header> -->
                       <h4><div class="box-body datavalue">...</div></h4>
                       <!-- /.box-body -->
                 </div><!-- /.box -->   
               </div><!-- /.col -->

I get:

: Knipsel3.PNG (4.82 KiB) Viewed 6020 times

So it shows only the actual usage in both boxes... i am starring at it... but i cannot find it. Hope someone can see what i am doing wrong!

clubeddie · Post by **clubeddie** » Monday 07 November 2016 18:39

Solved it, some adjustments in domoticz.js did the trick.

: Knipsel.PNG (27.45 KiB) Viewed 6001 times

Now starting to implement traffic information and some other iframe stuff like google calendar and squeezebox.

Has anyone sees the AdminLTE2 interface, it would be awesome if you can show the certain graphics like powerconsumption like in this example

: Knipsel2.PNG (17.59 KiB) Viewed 6001 times

See https://almsaeedstudio.com/themes/AdminLTE/index2.html

blauwebuis · Post by **blauwebuis** » Friday 23 December 2016 10:34

Wow, this is stellar.

Could Domoticz use one of the great themes that have been developed as the new default?

gijsdevries · Post by **gijsdevries** » Sunday 12 February 2017 21:00

its verry nice, i have a tablet on the livingroom with this frontpage, my girlfriend likes it

would be nice if there are people who can make extra things in. such as current temp a thermostat. as in my living room and barn.

attached a few pictures

: capture20170212205948311.png (94.71 KiB) Viewed 5500 times

bsmeding · Post by **bsmeding** » Monday 13 February 2017 8:19

I'm also start using this frontpage a couple of months ago.

It is a very nice frontpage but I don't understand that there are not more people using this. I'm not that fimilar with javascript so it takes a lot of time for me to understand and create extra addons. I'm now trying to port the sonos function to another API. I use the Sonos HTTP API http://www.domoticz.com/forum/viewtopic.php?f=4&t=15365 instead of the Sonos web https://github.com/roberthorlings/sonos-web

when i have an updates version i will post it here, but with the spare time i currently have it will not be very soon

EdwinK · Post by **EdwinK** » Monday 13 February 2017 12:42

I agree that this is a nice thee, but setting it up is a bit of a pain. So, therefore I'm using the theme from G3rard, that is much easier to setting up. Then again, I' still very new to the world of Domoticz so who knows I might switch at a later day.

Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Re: Yet another frontpage

Who is online