Not enough knowledge to combine Input_number with light

Hi,

The thing i want to do is have sliders to directly control the brightness of my lights from the frontend.
Not having to first click on the lamp and then change the brightness.

From what i have read i need to use Input_number for this.

I did the following and i got it working:

Could you guys check it out and help?

input_number:
  woonkamer_brightness:
    name: Woonkamer Brightness
    initial: 254
    min: 0
    max: 254
    step: 1

automation:
  - alias: Woonkamer licht - Adjust Brightness
    trigger:
      platform: state
      entity_id: input_number.woonkamer_brightness
    action:
      - service: light.turn_on
        data_template:
          entity_id: light.salontafel
          brightness: "{{ trigger.to_state.state | int }}"

The problem is now i have a light group tab for my lights and a different tab for the slider…

Example how i would want it to be:

Is there a easy way to do this? Im not that great at coding etc.

When i add another slider it doesnt boot…

The printscreen you posted is from Custom UI (if I’m not wrong) have a look here: https://github.com/andrey-git/home-assistant-custom-ui

Cool! Do u use it?