Domoticz

Code: Select all

settings js

// BUTTONS TILEMENU
var buttons = {}            
/* this parts works ok */
buttons.secpan= {key: "Secpan",width:1, title:"",icon: 'fas fa-key', popup: 'secpanel', framewidth:1010,frameheight:750}

settings css

/* this parts works ok */
.button[data-id='Secpan'] {height: 50px !important;flex-direction: column !important;padding-top: 10px !important;background-color: transparent!important;} 		.button[data-id='Secpan'] .col-icon {font-size: 30px !important;	color: white !important;}		

/* this parts does not works, de content of the popup is bigger then the frame, i got an unwanted vertical slider , so this part is nor read */
.secpanel {background-color: rgba(87, 64, 56, 1) !important; height: 90%;overflow-y: auto;}	

/* also tried this, and does not work */
div[data-id='secpanel'] {height: 90%;overflow-y: auto;}

/* also tried this, and does not work */
div[data-id='secpanel'] {height: 600px !important;} 

/* also tried, and does not work */
[data-id='secpanel'].frame iframe {
  transform: scale(0.5);
  border: 5px;
  height: 200px !important;
  width: 100%;
  max-width: 100%;
  transform-origin: 0 0;
}

Code: Select all

var blocks = {}

blocks['spbutton'] = {
    title: 'Open Secpanel',
    popup: 'secpanel',
    framewidth: 500,
}

blocks['secpanel'] = {
    scale:0.7
}

var columns = {}

columns[1] = {
    blocks: [
    'spbutton'
    ],
    width: 2
}

Code: Select all

var blocks = {}

blocks['spbutton'] = {
    title: 'Open Secpanel',
    popup: 'secpanel',
    framewidth: 300,
}

var columns = {}

columns[1] = {
    blocks: [
    'spbutton'
    ],
    width: 2
}

Code: Select all

#popup_spbutton .modal-dialog {
    min-width: 1px !important;
    height: unset !important
}

#popup_spbutton .frameclose {
    display: none
}

Code: Select all

#popup_spbutton .modal-content {
    background: transparent
}