Domoticz

RuudP1987 wrote: ↑Monday 15 February 2021 11:26 Almost done!



Only question left is my graph and how to center the Buienradar screen in my 2nd column?

.button .dt_content img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

madpatrick wrote: ↑Monday 15 February 2021 17:17 You can change the looks in custom.css

changing the text and picture

Code: Select all

.block_lms					{font-size: 16px !important;color:white !important;display:flex;align-items:flex-end;text-align: left !important;}
.block_lms img					{}
.block_lms .title 				{font-size: 16px !important;color:yellow !important}

Changing the icons

Code: Select all

.fas.fa-arrow-circle-left.fa-small 			{font-size: 16px !important}
.fas.fa-stop-circle.fa-small 				{font-size: 16px !important}
.fas.fa-play-circle.fa-small 				{font-size: 16px !important}
.fas.fa-arrow-circle-right.fa-small 			{font-size: 16px !important}
.fas.fa-pause-circle.fa-small 				{font-size: 16px !important}
.fas.fa-minus-circle.fa-small 				{font-size: 16px !important}
.fas.fa-plus-circle.fa-small 				{font-size: 16px !important}
.fas.fa-music						{font-size: 16px !important}

damdub wrote: ↑Monday 15 February 2021 20:51

madpatrick wrote: ↑Monday 15 February 2021 17:17 You can change the looks in custom.css

changing the text and picture

Code: Select all

.block_lms					{font-size: 16px !important;color:white !important;display:flex;align-items:flex-end;text-align: left !important;}
.block_lms img					{}
.block_lms .title 				{font-size: 16px !important;color:yellow !important}

Changing the icons

Code: Select all

.fas.fa-arrow-circle-left.fa-small 			{font-size: 16px !important}
.fas.fa-stop-circle.fa-small 				{font-size: 16px !important}
.fas.fa-play-circle.fa-small 				{font-size: 16px !important}
.fas.fa-arrow-circle-right.fa-small 			{font-size: 16px !important}
.fas.fa-pause-circle.fa-small 				{font-size: 16px !important}
.fas.fa-minus-circle.fa-small 				{font-size: 16px !important}
.fas.fa-plus-circle.fa-small 				{font-size: 16px !important}
.fas.fa-music						{font-size: 16px !important}

Thank you madPatrick but this is not exactly what I'm trying to achieve.
I already changed the font size and img size and buttons size to my needs.
Problem here is that depending on the title size the buttons line is pushed down.
The title could be very long and changing the font size will never be enough.
Do you think the block height could change depending on the title length so the buttons stay inside the block ?

Thank you

sanderjohan wrote: ↑Friday 12 March 2021 15:56 Is it possible that more then one domoticz system is giving input to a Dashticz interface? Problem is that I am using Zigbee2MQTT and I am encountering a 255 device limit of Domoticz. Setting up a second Domoticz as slave does not work due to another problem that information from a python device is not shared.

HansieNL wrote: ↑Tuesday 05 November 2019 22:02 My final dashboard
Schermafbeelding.jpg

custom.js:

Spoiler: show

Code: Select all

//add custom javascript in here

// function afterGetDevices(){
// }

function getExtendedBlockTypes(blocktypes){
	//blocktypes.Type['Lighting 2'] = { icon: 'fa fa-lightbulb-o', title: '<Name>', value: 'ds' }
	return blocktypes;
}

$('<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Orbitron" />').appendTo('head');


 //Lamp Keuken
function getStatus_431(idx,value,device){
  if(device['Data']=="On"){
    $('div.block_431').addClass('slider-on');
  }
  else {
    $('div.block_431').removeClass('slider-on');
  }
}

 //Lamp Gang
function getStatus_417(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_417').addClass('slider-on');
  }
  else {
    $('div.block_417').removeClass('slider-on');
  }
}

 //Lamp Eettafel
function getStatus_124(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_124').addClass('slider-on');
  }
  else {
    $('div.block_124').removeClass('slider-on');
  }
}

//Lamp Slaapkamer
function getStatus_126(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_126').addClass('slider-on');
  }
  else {
    $('div.block_126').removeClass('slider-on');
  }
}

//Lamp Salontafel
function getStatus_236(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_236').addClass('slider-on');
  }
  else {
    $('div.block_236').removeClass('slider-on');
  }
}

//Lamp Badkamer
function getStatus_252(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_252').addClass('slider-on');
  }
  else {
    $('div.block_252').removeClass('slider-on');
  }
}

//Schemerlamp
function getStatus_400(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_400').addClass('slider-on');
  }
  else {
    $('div.block_400').removeClass('slider-on');
  }
}

//Washok
function getStatus_391(idx,value,device){
  if(device['Data']!="Off"){
    $('div.block_391').addClass('slider-on');
  }
  else {
    $('div.block_391').removeClass('slider-on');
  }
}


// Buienradar
/* function getStatus_345(idx,value,device){
	if (device.Data == 'Voorlopig droog') {
			blocks[345]['image'] = '../custom/img/rain-off.png'
	 }
	 else {
		blocks[345]['image'] = '../custom/img/rain-on.png'
	 }
 } */


function afterGetDevices(){
  // Buienradar
  if (alldevices[345].Data == 'Voorlopig droog') {
    $('.block_345 .col-icon').addClass('icon-off');
    $('.block_345 .col-data').addClass('data-off');
  }
  else {
    $('.block_345 .col-icon').removeClass('icon-off');
    $('.block_345 .col-data').removeClass('data-off');
  }
  // Ping CoreELEC device [413] (192.168.2.15) & Kodi Media Server [258]
  if (alldevices[413].Data == 'Off') {
    $('.block_258 .col-icon').addClass('icon-off');
    $('.block_258 .col-data').addClass('data-off');
  }
  else {
    $('.block_258 .col-icon').removeClass('icon-off');
    $('.block_258 .col-data').removeClass('data-off');
  }
  // Volumio
  if (alldevices[444].Data == 'Off') {
    $('.block_444 .col-data').addClass('data-off');
  }
  else {
    $('.block_444 .col-data').removeClass('data-off');
  }
  //Toon Setpoint [441] & Toon Selector [438]
  if (alldevices[441].Data == '6.0') {
    $('.block_441_2 .col-icon').addClass('icon-off');
    $('.block_441_2 .col-data').addClass('data-off');
    $('.block_438 .col-icon').addClass('icon-off');
  }
  else {
    $('.block_441_2 .col-icon').removeClass('icon-off');
    $('.block_441_2 .col-data').removeClass('data-off');
    $('.block_438 .col-icon').removeClass('icon-off');
  }
  // Thuis
  if (alldevices[6].Data == 'Off') {
    $('.block_6 .col-data').addClass('data-off');
  }
  else {
    $('.block_6 .col-data').removeClass('data-off');
  }
  // Mike
  if (alldevices[147].Data == 'Off') {
    $('.block_147 .col-data').addClass('data-off');
  }
  else {
    $('.block_147 .col-data').removeClass('data-off');
  }
  // Slapen
  if (alldevices[7].Data == 'Off') {
    $('.block_7 .col-data').addClass('data-off');
  }
  else {
    $('.block_7 .col-data').removeClass('data-off');
  }
  // Notebook PC
  if (alldevices[350].Data == 'Off') {
    $('.block_350 .col-data').addClass('data-off');
  }
  else {
    $('.block_350 .col-data').removeClass('data-off');
  }
  // Desktop PC
  if (alldevices[351].Data == 'Off') {
    $('.block_351 .col-data').addClass('data-off');
  }
  else {
    $('.block_351 .col-data').removeClass('data-off');
  }
  // Mede8er
  if (alldevices[352].Data == 'Off') {
    $('.block_352 .col-data').addClass('data-off');
  }
  else {
    $('.block_352 .col-data').removeClass('data-off');
  }
  // TV
  if (alldevices[442].Data == 'Off') {
    $('.block_442 .col-data').addClass('data-off');
  }
  else {
    $('.block_442 .col-data').removeClass('data-off');
  }
  // Camera switch [435] & Camera button [ipcam]
  if (alldevices[435].Data == 'Off') {
    $('.block_435 .col-data').addClass('data-off');
	$('[data-id="ipcam"] .col-icon').addClass('icon-off');
	$('[data-id="ipcam"] .dt_content').addClass('data-off');
  }
  else {
    $('.block_435 .col-data').removeClass('data-off');
	$('[data-id="ipcam"] .col-icon').removeClass('icon-off');
	$('[data-id="ipcam"] .dt_content').removeClass('data-off');
  }

}

sanderjohan wrote: ↑Friday 12 March 2021 15:56 Is it possible that more then one domoticz system is giving input to a Dashticz interface? Problem is that I am using Zigbee2MQTT and I am encountering a 255 device limit of Domoticz. Setting up a second Domoticz as slave does not work due to another problem that information from a python device is not shared.

poweredge wrote: ↑Wednesday 17 March 2021 15:47

sanderjohan wrote: ↑Friday 12 March 2021 15:56 Is it possible that more then one domoticz system is giving input to a Dashticz interface? Problem is that I am using Zigbee2MQTT and I am encountering a 255 device limit of Domoticz. Setting up a second Domoticz as slave does not work due to another problem that information from a python device is not shared.

can you clarify that 255 limit ? i have now 286 entries - devices - scenes - dummy switches - etc .. works fine. i use 1 master domoticz (with the 286 entries / mix from master-slave) and a secondary which is more central in the house with the zwave stick.

damdub wrote: ↑Tuesday 13 April 2021 12:05 Hello.
does anyone know if it is possible to exclude a screen from the auto_slide_pages config ?
I would like my dashboard to auto slide from screen 1 to screen 3 and avoid screen 4.
Thank you for your help.
D.

damdub wrote: ↑Monday 15 February 2021 14:55 Hello
I have a question about the logitech squeezebox block.
If the title is too long the comand buttons get off of my block.

squeeze.png

Is there any solution to at least truncate the title to a maximum lenght or, even better, to force the title to display on maximum 2 or 3 lines for example and make it scroll if it is too long ?

Thank you for your help

stephanvdplas wrote: ↑Tuesday 10 August 2021 15:18 Sorry for the latency... I'd suggest you try the material skin (a plug-in in Squeezeserver). Then create an iFrame for it. It is so much prettier than the standard squeezebox players.