background block Topic is solved

[pvklink]

I want some blocks dont show the block border and background,
i tried several options, even opacity, but then i hardly see the ico, and the purpose is to only show the ico....
.block_1795 {background: none;}

[Lokonli]

Try:

Code: Select all

.block_1795 {background: none !important;}

[pvklink]

my to do list is almost clean !

[Lokonli]

And then of course we want to see the result

[pvklink]

ofcourse..
1. I made a screen dump
2. opened it with mspaint.net
3. saved it as png
4. upload, file to large...

[Lokonli]

Save as jpg

[pvklink]

Ok, screen 1. I reseved some space for 7 doorsensors (waiting for china)

Naamloos.jpg (129.69 KiB) Viewed 838 times

[pvklink]

screen 3. Screen 4 is the security panel, thats an ugly frame

[pvklink]

and my observation screen with all sort of devices

Naamloos3.jpg (114.32 KiB) Viewed 836 times

[Lokonli]

How would your ideal secpanel look like?

Sent from my SM-A320FL using Tapatalk

[pvklink]

the secpanel button in my screen is ok.
But the frames.secpanel cant be styled. I personally hate black.
Would be more than nice if we can style this panel to with size, backround color etc.

panel.png (15.63 KiB) Viewed 813 times

[pvklink]

something like this?

kerui.png (11.87 KiB) Viewed 812 times

[Lokonli]

ok, then I'll start with the default Domoticz secpanel, and make the background customizable, and the size scalable.

[pvklink]

that would be great!

[Lokonli]

that would be great!

I've just pushed a new beta.

You can add the security panel by adding the special block 'secpanel' to your column definition.

Code: Select all

//define your block (optional)
blocks['secpanel'] = {
    width: 6,
    title: 'My security panel'
}

// and add the special block to a column
columns[2] = {
   blocks: ['secpanel']
}

Can you test?

[pvklink]

ofcourse!

[pvklink]

ok, when i add the blocks and columns part, all my switches are gone, and my four pages are one vertical page

when i disable the colums part, my screen is ok, but ofcourse no panel

Code: Select all

blocks['secpanel'] = {}
blocks['secpanel']['title'] = 'secpanel';
blocks['secpanel']['width'] = 6;

var columns = {}
columns[1] = {}
columns[1]['blocks'] = [calendars.fam,'garbage',1780,1728,153,6,'currentweather_big_owm','weather_owm',1285,1305,1250,1423,1303,1248,'1582_1',3,1049,1018,1025,'1633_1','1864',1163]
columns[1]['width'] = 3; 

columns[2] = {}
columns[2]['blocks'] = ['1',985,1480,1474,1482,1476,1362,1477,1475,'5',992,15,991,994,969,1190,1364,973,1192,1365,1189,1191,1366,1267,1268,1367,1601,1580,1581,1604,1606,1607]
columns[2]['width'] = 3; 

columns[3] = {}
columns[3]['blocks'] = ['1a',1479,1485,1481,262,1622,1470,263,1002,86,259,1473,'2a',354,353,134,139,1012,1005,1464,1468,1466,1457]
columns[3]['width'] = 3; 

columns[4] = {}
columns[4]['blocks'] = ['3c',968,966,152,1484,1180,1182,1776,1752,207,210,0,buttons.webcam1,buttons.webcam2]
columns[4]['width'] = 3; 

columns[5] = {}
//columns[5]['blocks'] = ['clock','sunrise',calendars.combined,calendars.peter,calendars.ado,calendars.f1]
columns[5]['blocks'] = ['clock','sunrise',calendars.peter,calendars.ado,calendars.f1]
columns[5]['width'] = 3; 

columns[6] = {}
//columns[6]['blocks'] = ['news_nualg','news_nusp','log',1472]
columns[6]['blocks'] = ['news_nualg','news_nusp',tvguide.dutch,1472]
columns[6]['width'] = 5; 

columns[7] = {}
//columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,'chromecast','streamplayer',1749,1750,1473]
//columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,1749,1750,1473,buttons.log,'streamplayer']
columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,1749,1750,1473,buttons.log,'streamplayer']
columns[7]['width'] = 4; 

columns[8] = {}
columns[8]['blocks'] = ['0d',1793,1794,1792,1791,'0e',1783,1809,1807,1808,'0c',1795,1800,1799,1801,'0g',1796,1797,1798,'0f',1802,1804,1803,'0h',1805,1782,'2b',1784,1787,1785,1790,1789,1786]
columns[8]['width'] = 6; 

columns[10] = {}
columns[10]['blocks'] = [buttons.webcam3,buttons.webcam4]
columns[10]['width'] = 6; 

//columns[11] = {}
//columns[11]['blocks'] = [frames.secpanel]
//columns[11]['width'] = 4; 

columns[11] = {}
columns[11]['blocks'] = ['secpanel']
columns[11]['width'] = 4; 

[Lokonli]

ok, when i add the blocks and columns part, all my switches are gone, and my four pages are one vertical page

when i disable the colums part, my screen is ok, but ofcourse no panel

Code: Select all

blocks['secpanel'] = {}
blocks['secpanel']['title'] = 'secpanel';
blocks['secpanel']['width'] = 6;

var columns = {}
columns[1] = {}
columns[1]['blocks'] = [calendars.fam,'garbage',1780,1728,153,6,'currentweather_big_owm','weather_owm',1285,1305,1250,1423,1303,1248,'1582_1',3,1049,1018,1025,'1633_1','1864',1163]
columns[1]['width'] = 3; 

columns[2] = {}
columns[2]['blocks'] = ['1',985,1480,1474,1482,1476,1362,1477,1475,'5',992,15,991,994,969,1190,1364,973,1192,1365,1189,1191,1366,1267,1268,1367,1601,1580,1581,1604,1606,1607]
columns[2]['width'] = 3; 

columns[3] = {}
columns[3]['blocks'] = ['1a',1479,1485,1481,262,1622,1470,263,1002,86,259,1473,'2a',354,353,134,139,1012,1005,1464,1468,1466,1457]
columns[3]['width'] = 3; 

columns[4] = {}
columns[4]['blocks'] = ['3c',968,966,152,1484,1180,1182,1776,1752,207,210,0,buttons.webcam1,buttons.webcam2]
columns[4]['width'] = 3; 

columns[5] = {}
//columns[5]['blocks'] = ['clock','sunrise',calendars.combined,calendars.peter,calendars.ado,calendars.f1]
columns[5]['blocks'] = ['clock','sunrise',calendars.peter,calendars.ado,calendars.f1]
columns[5]['width'] = 3; 

columns[6] = {}
//columns[6]['blocks'] = ['news_nualg','news_nusp','log',1472]
columns[6]['blocks'] = ['news_nualg','news_nusp',tvguide.dutch,1472]
columns[6]['width'] = 5; 

columns[7] = {}
//columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,'chromecast','streamplayer',1749,1750,1473]
//columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,1749,1750,1473,buttons.log,'streamplayer']
columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,1749,1750,1473,buttons.log,'streamplayer']
columns[7]['width'] = 4; 

columns[8] = {}
columns[8]['blocks'] = ['0d',1793,1794,1792,1791,'0e',1783,1809,1807,1808,'0c',1795,1800,1799,1801,'0g',1796,1797,1798,'0f',1802,1804,1803,'0h',1805,1782,'2b',1784,1787,1785,1790,1789,1786]
columns[8]['width'] = 6; 

columns[10] = {}
columns[10]['blocks'] = [buttons.webcam3,buttons.webcam4]
columns[10]['width'] = 6; 

//columns[11] = {}
//columns[11]['blocks'] = [frames.secpanel]
//columns[11]['width'] = 4; 

columns[11] = {}
columns[11]['blocks'] = ['secpanel']
columns[11]['width'] = 4; 

Hmm, that's strange.

You have downloaded the latest beta? (or updated with git pull) and refreshed the cache?

If you open Dashticz in Chrome, press F12 (developer window) and refresh Dashticz:
Is there any error reported on the developer window console tab?

[pvklink]

i did a git pull and refreshed the cache..

i will do a f12

[pvklink]

error.png (218.2 KiB) Viewed 697 times