Okay, i have spent the last 3 hours trying to figure this out. im trying to have 3 lights with sliders and rgb and no matter what i do i cant figure the syntax out. i can get the 3 lights in place but when i try and add the sliders like in bedroom it just throws errors and i could really use a pointer please
pages: [{
title: 'Main page',
bg: 'images/bg1.jpeg',
icon: 'mdi-home-outline', // home icon
groups: [{
title: '',
width: 6,
height: 2,
items: [
{
position: [0, 1],
title: 'Spotlights',
id: 'light.h801_roof_spots',
type: TYPES.LIGHT,
states: {
on: "On",
off: "Off"
},
icons: {
on: "mdi-lightbulb-on",
off: "mdi-lightbulb",
}
},
{
position: [1, 0],
title: 'Shower',
id: 'light.shower_light',
type: TYPES.LIGHT,
states: {
on: "On",
off: "Off"
},
icons: {
on: "mdi-lightbulb-on",
off: "mdi-lightbulb",
}
},
{
position: [0, 0],
title: 'Bedroom LED',
id: 'light.bedroom_led_strips',
type: TYPES.LIGHT,
states: {
on: "On",
off: "Off"
},
icons: {
on: "mdi-lightbulb-on",
off: "mdi-lightbulb",
},
sliders: [{
title: 'Brightness',
field: 'brightness',
max: 255,
min: 0,
step: 5,
request: {
type: "call_service",
domain: "light",
service: "turn_on",
field: "brightness"
}
},
{
title: 'Color temp',
field: 'color_temp',
max: 588,
min: 153,
step: 15,
request: {
type: "call_service",
domain: "light",
service: "turn_on",
field: "color_temp"
}
}
],
colorpicker: true
}
]
},
]
},
{
title: 'Second page',
bg: 'images/bg2.png',
icon: 'mdi-numeric-2-box-outline',
groups: [{
title: '',
width: 2,
height: 3,
items: [{
position: [0, 2],
title: 'Floor lamp',
subtitle: 'Lounge',
id: 'light.bedroom_led_strips',
type: TYPES.LIGHT,
states: {
on: "On",
off: "Off"
},
icons: {
on: "mdi-lightbulb-on",
off: "mdi-lightbulb",
},
sliders: [{
title: 'Brightness',
field: 'brightness',
max: 255,
min: 0,
step: 5,
request: {
type: "call_service",
domain: "light",
service: "turn_on",
field: "brightness"
}
},
{
title: 'Color temp',
field: 'color_temp',
max: 588,
min: 153,
step: 15,
request: {
type: "call_service",
domain: "light",
service: "turn_on",
field: "color_temp"
}
}
],
colorpicker: true
}
]
}, ]
}
],
}