Home page presentation

Soz - I’ve gone documentation blind. I have seen several examples of home pages that I cannot emulate and can’t even work out how they are done from their Github repos.

I have read a lot of docs on https://www.home-assistant.io/docs/ but I am clearly missing something.

Here’s another one: https://github.com/Instagraeme/Home-Assistant-Configuration

I’m not daft but I have missed the crucial idea somewhere.

Cheers
Jon

Look at the components page and search for groups. However you don’t actually say what you can’t do :stuck_out_tongue:

Ta for the reply.

This is what I have managed:

(New user so one image per post)

This is what I aspire to:

(waiting nine seconds - hit another new user snag 8)

Well that’s all done with groups, so look here…

There are addons that allow you to further cusomize the UI, search on here for custom ui, the main one is custom ui but there are others e.g. tiles and floorplan
This is mine… ignore the unavailable ones they are Xiaomi sensors and switches that don’t work currently with Win10 or HASSIO :stuck_out_tongue:

.

Well I thought groups was where it is at but https://www.home-assistant.io/components/group/ does not help much. It seems to document five attribs - none of which involve presentation.

Trust me, I won’t come a cropper with Win10 - never used the bloody thing without full arm length rubber gloves 8)

I am probably being a bit daft somewhere and missing something.

Groups is ONLY about presentation :stuck_out_tongue:

Basically there is not alot about configuring the front end for a newbie, either in the docs or in other peeps configs as you have to know what you are looking for to recognise what you need to do :P, but trust me groups are where it’s at… I have split my files so my groups.yaml has this for my front end…

This is only a sample …

   # default_view:
    my_home:
      icon: mdi:home-variant
      name: Keiths Home
      view: yes
      entities:    
        - group.livingroom
        - group.kitchen
        - group.bedroom
        - group.hall
        - group.bathroom
        - group.alclock
        - group.birthdays

    livingroom:
      name: Livingroom
      #view: yes
      entities:    
        - binary_sensor.door_window_sensor_158d00016c7797
        - binary_sensor.door_window_sensor_158d0001d68370
        - binary_sensor.door_window_sensor_158d0001d62fb6
        - binary_sensor.motion_sensor_158d00015e8e04 # LR Motion Sensor
        - switch.rfl_dusk_sensor
        - sensor.rfl_dusk_state
        - light.zw_uplight_dimmer_level
        - switch.rfl_livingroom_lava_lamp
        - switch.rfl_livingroom_fire
        - light.rfl_livingroom_ceiling_light
        - input_number.lruplighterbrightness_slider
        - input_number.lrceilingbrightness_slider
        - switch.livingroom_table_lamp_rgb
        - switch.rfl_livingroom_greenhouse_cam
        - switch.rfl_livingroom_seat_cam
        - switch.rfl_dusk_sensor
        - switch.zw_tv_and_sound_bar
        - switch.tasker_say
        - input_select.broadlinkcmdrgbtablelamp
        - switch.rgb_table_lamp
        - switch.rgb_table_lamp_blue
        - switch.rgb_table_lamp_colour_wheel
        - switch.rgb_table_lamp_red
        - switch.rfl_livingroom_blinds
        #- switch.rfl_livingroom_charge_station
        - switch.rfl_livingroom_pir
        - sensor.rfl_livingroom_temp_battery
        - sensor.rfl_livingroom_temperature
        - sensor.dark_yet
        - sensor.illumination_34ce0088a1e8
        - light.gateway_light_34ce0088a1e8        
        - group.livingroomlights
        - group.livingroomallswitches

    livingroomallswitches:
      name: LivingroomSwitches
      entities:
        - switch.rfl_livingroom_lava_lamp
        - switch.livingroom_table_lamp_rgb
        - switch.rfl_livingroom_greenhouse_cam
        - switch.rfl_livingroom_seat_cam
        - switch.zw_tv_and_sound_bar
        - switch.rgb_table_lamp
        - switch.rfl_livingroom_blinds
        - switch.rfl_livingroom_charge_station
        - switch.rfl_livingroom_fire
        
    livingroomlights:
      name: LivingroomLights
      entities:
        - light.gateway_light_34ce0088a1e8        
        - light.zw_uplight_dimmer_level
        - light.rfl_livingroom_ceiling_light
        - switch.rfl_livingroom_lava_lamp
        
    kitchen:
      name: Kitchen
      #view: yes
      entities:  
        - binary_sensor.door_window_sensor_158d0001a810a7
        - switch.kitchen_led_strip_onoff
        - switch.rfl_kitchen_lhd_socket
        - switch.rfl_kitchen_rhd_socket
        - switch.rfl_kitchen_door
        - switch.rfl_kitchen_pir
        - sensor.rfl_kitchen_battery
        - sensor.rfl_kitchen_humidity
        - sensor.rfl_kitchen_humidity_status
        - sensor.rfl_kitchen_temperature
        - sensor.illumination_158d0001e08d21
        - binary_sensor.motion_sensor_158d0001e08d21
        - light.rfl_kitchen_ceiling_light
        - group.kitchenlights
        - group.kitchenswitches

    kitchenlights:
      name: KitchenLights
      entities:
        - light.rfl_kitchen_ceiling_light
        
    kitchenswitches:
      name: KitchenSwitches
      entities:
        - switch.kitchen_led_strip_onoff
        - switch.rfl_kitchen_lhd_socket
        - switch.rfl_kitchen_rhd_socket
        
    bedroom:
      name: Bedroom
      #view: yes
      entities:    
        - switch.rfl_bedroom_charger
        - sensor.bedroom_temp_temperature
        - switch.rfl_bedroom_creative
        - binary_sensor.fibaro_system_fgms001_motion_sensor_sensor
        - sensor.fibaro_system_fgms001_motion_sensor_temperature
        - sensor.fibaro_system_fgms001_motion_sensor_luminance
        - light.rfl_bedroom_ceiling_light
        - switch.rfl_bedroom_ceramic_uplighter
        - switch.zw_bedroom_sunlamp
        - sensor.zw_bedroom_eye_luminance
        - sensor.zw_bedroom_eye_temperature
        - binary_sensor.zw_bedroom_eye_motion
        - input_number.bedroomceilinbrightness_slider
        - switch.rfl_bedroom_fan
        - switch.rfl_bedroom_airwick
        - switch.rfl_bedroom_pcmon_speakers
        - switch.rfl_bedroom_pir
        - sensor.bedtime
        - binary_sensor.in_bed
        - group.bedroomlights
        - group.bedroomallswitches
        - group.power
        - group.alarm

    bedroomlights:
      name: bedroom_lights
      entities:
        - light.rfl_bedroom_ceiling_light
        - switch.rfl_bedroom_ceramic_uplighter
        - switch.zw_bedroom_sunlamp
        
    bedroomallswitches:
      name: Bedroom_all_Switches
      entities:
        - switch.rfl_bedroom_charger
        - switch.rfl_bedroom_creative
        - switch.rfl_bedroom_main_fan
        - switch.rfl_bedroom_pc_desk_fan
        - switch.rfl_bedroom_pcmon_speakers

        
    hall:
      name: Hall
      #view: yes 
      entities:
        - binary_sensor.motion_sensor_158d000125a67b
        - light.rfl_hall_ceiling_light
        - switch.rfl_hall_cupboard
#        - switch.rfl_hall_cupboard_open
        - switch.rfl_hall_cupboard_tamper
        - switch.rfl_hall_door
        - switch.rfl_front_door
        - switch.rfl_hall_pir
        - group.halllights
        
    halllights:
      name: HallLights
      entities:
        - light.rfl_hall_ceiling_light
        
    bathroom:
      name: Bathroom
      #view: yes 
      entities:
        - binary_sensor.motion_sensor_158d0001de7250
        - sensor.illumination_158d0001de7250
        - sensor.temperature_158d0001c2a771
        - sensor.humidity_158d0001c2a771
        - switch.pibathroomheater
        - switch.pisbathroomheater
        - switch.bathroom_door
        - switch.bathroom_light
        - sensor.pibathroomdoormag
        - sensor.bathroom_temp_temperature
        - sensor.bathroom_temp_humidity
        - switch.rfl_bathroom_door
        - sensor.rfl_bathroom_battery
        - sensor.rfl_bathroom_humidity
        - sensor.rfl_bathroom_humidity_status
        - sensor.rfl_bathroom_temperature
        - binary_sensor.door_window_sensor_158d00016c7804

    birthdays:
      name: Birthdays
      #view: yes 
      entities:
        - sensor.mums_birthday
        - sensor.adrians_birthday
        - sensor.annahs_birthday
        - sensor.stans_birthday
        - sensor.sues_birthday
        - sensor.my_birthday
        - sensor.alexs_birthday
        - sensor.jakes_birthday
        - sensor.olivias_birthday
        - sensor.dads_birthday

So you can setup your front end how you like, with cameras, weather etc, but it’s quite a steep learning curve (what isn’t with home automation), also look at splitting your config files wen they are getting clumbersome to edit.


and
1 Like

The github page you copied this picture from has all the config for that page.

1 Like

Thank you for the pointers.