Please introduce documents showing how to arrange web interface

I have just used Home Assistant for a week. I am trying to arrange the web ui by putting the control on the left side and my ip camara on the right side. But I could not do that. I look into the web but could not find the links concerning arranging screen components. It would be so kind if you could suggest the links to the documents about arranging screen device components. Below is my current web ui. Thank very much in advanced.

Hey there.

My suggestion would be to have a look at using groups as a way to organise your layout.

If you arrange your components into groups I think they will be displayed in the order you group them.

Thank a lot, Andrew. I will follow your instruction and look into groups. It 's very kind of you.

You’re welcome.

Just confirming that Groups does in fact work for organising your web layout. (I just tested it to make sure. :slight_smile:)

Groups don’t entirely work. I have:

Weather: view: yes entities: - group.currently - camera.recent_radar - group.forecast

And the order that comes out in is, 3 columns left to right … forecast, currently, radar.

Thank you, Andrew and thank you AlucardZero for your good example. Now I am studying about group. It 's a bit hard for me to understand. Anyhow I tried to follow the several examples from configuration.yaml files from this site. It helps me better understanding. But still I couldn’t separate my switches into group. All my switches disappear every time I divide them into group. Anyway I can accidentally move my controls to the left side and camera to the right side without groups. But groups are more beautiful web interface and easy reading. I continue to look for the infomation about the groups. Thanks again, have a nice day.

Try first with groups without the view: yes option, and see how groups work.
After that you can study about the view option and how it creates new tabs.
The groups are “vertically” ordered as they are created, so if you make your screen smaller (i.e. resize the browser window), you’ll see how the groups “rearrange” by itself.

If you want an example with an screenshot, take a look at my config at GitHub . I have a grupos.yaml which defines my group configuration.

Thanks to you, Idanichispa. Actually, I already took a look your configuration files at GitHub as an example before you posted the message above. I just realized that when I went back again to your example configuration at GitHub as you suggested . Thank you for sharing such a great configuration. Your screen arrangement is very tidy and comfortable to look at. I wish I could have the screen like yours in future. Now I go to study your configuration files, Thank you.

@kiratikarnpat when youre switches dissappear when you add groups, you made a typefailure somewhere.

it happened to me a few times to.

most common typefailures on my side:

  1. check if nowhere is an
  2. check if all the needed are there
  3. check if you have no <:> on a place where it ist needed
  4. check if there is nothing behind the lines which shouldnt be there etc.
  5. check the errorlog

Hello Renetode, Thank you for your useful advice. I try to check space and put my configuration.yaml into YAML Lint. It say that my configuration.yaml is Valid YAML!. I don’t know what is wrong with my configuration. My grouping is not successful. It would be so kind if anyone could spare your valuable time to take a look into my configuration.yaml. If you could find any wrong group arrangement. Please point out to me. I would highly appreciate. Thanks a lot in advanced.

Here is my current screen.

Here is my configuration.yaml

homeassistant:
  # Name of the location where Home Assistant is running
  name: myhome
  # Location required to calculate the time the sun rises and sets
  latitude: 0  
  longitude: 0
  # Impacts weather/sunrise data
  elevation: 0
  # C for Celsius, F for Fahrenheit
  temperature_unit: C
  # Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
  time_zone: Asia/Bangkok

# Show links to resources in log and frontend
# introduction:

# Enables the frontend
frontend:

http:
  # Uncomment this to add a password (recommended!)
  # api_password: 

# Checks for available updates
updater:

# Discover some devices automatically
discovery:

# Allows you to issue voice commands from the frontend in enabled browsers
conversation:

# Enables support for tracking state changes over time.
history:

# View all events in a logbook
logbook:

# Track the sun
sun:

# Weather Prediction

sensor: 
  -  platform: systemmonitor 
     resources: 
       - type: 'disk_use_percent' 
         arg: '/home' 
       - type: 'disk_use' 
         arg: '/home' 
  -  platform: cpuspeed
     name: CPU 
  
group:
  My Lamps:
    view: yes
    entities:
      - switch.01_lamp_1
      - switch.02_lamp_2
      - switch.03_lamp_3
      - switch.04_lamp_4
      - switch.05_lamp_5
      - switch.06_lamp_6
      - switch.07_lamp_7
      - switch.08_lamp_8
      - switch.10_lamp                 
    
  My Air Conditions:
    view: yes
    entities:
      - switch.12_air_con_1
      - switch.13_air_con_2
      - switch.14_air_con_3
      - switch.15_air_con_4
      
  My Cams:    
    entities:
    view: yes
      - camera.cam5
      - camera.cam7
  My Devices:
    entities:
    view: yes
      - switch.09_television
      - switch.11_hot_water_pot
      - switch.16_watering
      
switch:
  platform: rpi_gpio
  ports:
    4: 01. Lamp 1
    17: 02. Lamp 2
    27: 03. Lamp 3
    22: 04. Lamp 4
    10: 05. Lamp 5
    9: 06. Lamp 6
    11: 07. Lamp 7
    5: 08. Lamp 8
    6: 09. Television
    13: 10. Lamp
    19: 11. Hot Water Pot
    26: 12. Air Con 1
    18: 13. Air Con 2
    23: 14. Air Con 3
    24: 15. Air Con 4
    25: 16. Watering
  invert_logic: false

camera 5:
  platform: generic
  still_image_url: http://192.168.1.25:85/snapshot.cgi?user=admin&pwd=abcd&resolution=64&rate=0
  name: Cam5
 
camera 7:
  platform: generic
  still_image_url: http://192.168.1.27:87/snapshot.cgi?user=admin&pwd=abcd
  name: Cam7

@kiratikarnpat its best that you share your config using hastebin.com so as to preserve the formatting of your config. Otherwise its hard to find any syntax errors that could be tripping you up. Also share your logs as that will allow us to see any errors that HASS is encountering when trying to parse your groups.

Try this for your group configuration:

group:
  switches:
    entities:
      - switch.01_lamp_1
      - switch.02_lamp_2
      - switch.03_lamp_3
      - switch.04_lamp_4
      - switch.05_lamp_5
      - switch.06_lamp_6
      - switch.07_lamp_7
      - switch.08_lamp_8
      - switch.10_lamp
      - switch.09_television
      - switch.11_hot_water_pot
      - switch.16_watering
      - switch.12_air_con_1
      - switch.13_air_con_2
      - switch.14_air_con_3
      - switch.15_air_con_4

  test:
    view: yes
    entities:
      - group.switches
      - camera.cam4
      - camera.cam5

I am unable to test it in my own HASS instance so the code above may contain errors.
With my code, a tab called “test” will appear next to “myhome” in your HASS UI. If I called it “default_view” instead of “test”, it would replace your “myhome” tab meaning you would lose sight of any new entities added to your setup (you would have to add every entity to a group explicitly to make it show in the UI).

Also, it seems you don’t quite understand the option view: yes. This option turns a group into a tab, which you can add other groups to to make them show up as cards.

i hope that things like

are not in your config.

when i am not able to find my problem i start to take out everything but the things where i am sure it works.

so a # before every line where i have doubts about.

then i would take 1 part to try it out like:

groups:
  test:
  friendly_name: test group
  entities:
    - switsch.01_lamp_1

if that works you know how its right and can add other devices.

reading back i see why youre groups dont show!!
there are no spaces allowed in the groupnames!!

Hello Andrew, I went to the website hastebin.com and put my configuration.yaml there when I saved it, the code was formatted. When I copied the formatted code and pasted back to the forum. The format disappears. May be I have done something wrong. Here is part of my log file. My log file is not allowed by the forum to put whole log file.So I could put some part of it only. Thank you again, Andrew.

16-08-08 19:42:20 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=turn_off>
16-08-08 19:42:20 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=turn_on>
16-08-08 19:42:20 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=toggle>
16-08-08 19:42:20 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=reload_core_config>
16-08-08 19:42:20 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=persistent_notification, service=create>
16-08-08 19:42:20 homeassistant.bootstrap: Home Assistant core initialized
16-08-08 19:42:20 homeassistant.loader: Loaded sun from homeassistant.components.sun
16-08-08 19:42:20 homeassistant.loader: Loaded logbook from homeassistant.components.logbook
16-08-08 19:42:20 homeassistant.loader: Loaded recorder from homeassistant.components.recorder
16-08-08 19:42:20 homeassistant.loader: Loaded frontend from homeassistant.components.frontend
16-08-08 19:42:20 homeassistant.loader: Loaded api from homeassistant.components.api
16-08-08 19:42:20 homeassistant.loader: Loaded http from homeassistant.components.http
16-08-08 19:42:20 homeassistant.loader: Loaded camera from homeassistant.components.camera
16-08-08 19:42:20 homeassistant.loader: Loaded history from homeassistant.components.history
16-08-08 19:42:20 homeassistant.loader: Loaded conversation from homeassistant.components.conversation
16-08-08 19:42:20 homeassistant.loader: Loaded discovery from homeassistant.components.discovery
16-08-08 19:42:20 homeassistant.loader: Loaded sensor from homeassistant.components.sensor
16-08-08 19:42:20 homeassistant.loader: Loaded group from homeassistant.components.group
16-08-08 19:42:20 homeassistant.loader: Loaded updater from homeassistant.components.updater
16-08-08 19:42:20 homeassistant.loader: Loaded switch from homeassistant.components.switch
16-08-08 19:42:21 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=recorder>
16-08-08 19:42:21 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sun.sun, old_state=None, new_state=<state sun.sun=below_horizon; next_setting=2016-08-09T11:43:12+00:00, next_rising=2016-08-08T23:04:22+00:00, elevation=0, friendly_name=Sun, azimuth=0 @ 2016-08-08T19:42:21.841695+07:00>>
16-08-08 19:42:21 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=sun>
16-08-08 19:42:24 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=http>
16-08-08 19:42:24 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=api>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=frontend>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=logbook, service=log>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=logbook>
16-08-08 19:42:26 homeassistant.loader: Loaded camera.generic from homeassistant.components.camera.generic
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=camera.cam5, old_state=None, new_state=<state camera.cam5=idle; entity_picture=/api/camera_proxy/camera.cam5?token=1941388880, friendly_name=Cam5, access_token=1941388880 @ 2016-08-08T19:42:26.200336+07:00>>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=camera.cam7, old_state=None, new_state=<state camera.cam7=idle; entity_picture=/api/camera_proxy/camera.cam7?token=1941388976, friendly_name=Cam7, access_token=1941388976 @ 2016-08-08T19:42:26.202199+07:00>>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=camera>
16-08-08 19:42:26 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=history>
16-08-08 19:42:27 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=conversation, service=process>
16-08-08 19:42:27 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=conversation>
16-08-08 19:42:29 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=discovery>
16-08-08 19:42:29 homeassistant.loader: Loaded sensor.systemmonitor from homeassistant.components.sensor.systemmonitor
16-08-08 19:42:29 homeassistant.loader: Loaded sensor.cpuspeed from homeassistant.components.sensor.cpuspeed
16-08-08 19:42:31 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sensor.disk_use_home, old_state=None, new_state=<state sensor.disk_use_home=14.5; friendly_name=Disk Use /home, icon=mdi:harddisk, unit_of_measurement=% @ 2016-08-08T19:42:31.384077+07:00>>
16-08-08 19:42:31 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sensor.disk_use_home_2, old_state=None, new_state=<state sensor.disk_use_home_2=4.0; friendly_name=Disk Use /home, icon=mdi:harddisk, unit_of_measurement=GiB @ 2016-08-08T19:42:31.385775+07:00>>
16-08-08 19:42:34 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sensor.cpu, old_state=None, new_state=<state sensor.cpu=1.2; GHz Advertised=1.2, friendly_name=CPU, unit_of_measurement=GHz, icon=mdi:pulse, Vendor ID=, Brand=ARMv7 Processor rev 4 (v7l) @ 2016-08-08T19:42:34.134005+07:00>>
16-08-08 19:42:34 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=sensor>
16-08-08 19:42:41 urllib3.connectionpool: Starting new HTTPS connection (1): pypi.python.org
16-08-08 19:42:42 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=updater>
16-08-08 19:42:42 homeassistant.loader: Loaded switch.rpi_gpio from homeassistant.components.switch.rpi_gpio
16-08-08 19:42:42 homeassistant.loader: Loaded rpi_gpio from homeassistant.components.rpi_gpio
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=rpi_gpio>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.01_lamp_1, old_state=None, new_state=<state switch.01_lamp_1=off; friendly_name=01. Lamp 1 @ 2016-08-08T19:42:43.547614+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.02_lamp_2, old_state=None, new_state=<state switch.02_lamp_2=off; friendly_name=02. Lamp 2 @ 2016-08-08T19:42:43.560556+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.03_lamp_3, old_state=None, new_state=<state switch.03_lamp_3=off; friendly_name=03. Lamp 3 @ 2016-08-08T19:42:43.563537+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.04_lamp_4, old_state=None, new_state=<state switch.04_lamp_4=off; friendly_name=04. Lamp 4 @ 2016-08-08T19:42:43.566585+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.05_lamp_5, old_state=None, new_state=<state switch.05_lamp_5=off; friendly_name=05. Lamp 5 @ 2016-08-08T19:42:43.569619+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.06_lamp_6, old_state=None, new_state=<state switch.06_lamp_6=off; friendly_name=06. Lamp 6 @ 2016-08-08T19:42:43.572583+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.07_lamp_7, old_state=None, new_state=<state switch.07_lamp_7=off; friendly_name=07. Lamp 7 @ 2016-08-08T19:42:43.575778+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.08_lamp_8, old_state=None, new_state=<state switch.08_lamp_8=off; friendly_name=08. Lamp 8 @ 2016-08-08T19:42:43.578911+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.09_television, old_state=None, new_state=<state switch.09_television=off; friendly_name=09. Television @ 2016-08-08T19:42:43.582016+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.10_lamp, old_state=None, new_state=<state switch.10_lamp=off; friendly_name=10. Lamp @ 2016-08-08T19:42:43.585420+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.11_hot_water_pot, old_state=None, new_state=<state switch.11_hot_water_pot=off; friendly_name=11. Hot Water Pot @ 2016-08-08T19:42:43.588654+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.12_air_con_1, old_state=None, new_state=<state switch.12_air_con_1=off; friendly_name=12. Air Con 1 @ 2016-08-08T19:42:43.591972+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.13_air_con_2, old_state=None, new_state=<state switch.13_air_con_2=off; friendly_name=13. Air Con 2 @ 2016-08-08T19:42:43.595344+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.14_air_con_3, old_state=None, new_state=<state switch.14_air_con_3=off; friendly_name=14. Air Con 3 @ 2016-08-08T19:42:43.598679+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.15_air_con_4, old_state=None, new_state=<state switch.15_air_con_4=off; friendly_name=15. Air Con 4 @ 2016-08-08T19:42:43.602112+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=switch.16_watering, old_state=None, new_state=<state switch.16_watering=off; friendly_name=16. Watering @ 2016-08-08T19:42:43.605595+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=group.all_switches, old_state=None, new_state=<state group.all_switches=unknown; entity_id=[], auto=True, friendly_name=all switches, order=0, hidden=True @ 2016-08-08T19:42:43.608814+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=group.all_switches, old_state=<state group.all_switches=unknown; entity_id=[], auto=True, friendly_name=all switches, order=0, hidden=True @ 2016-08-08T19:42:43.608814+07:00>, new_state=None>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=group.all_switches, old_state=None, new_state=<state group.all_switches=off; entity_id=('switch.12_air_con_1', 'switch.09_television', 'switch.08_lamp_8', 'switch.04_lamp_4', 'switch.10_lamp', 'switch.11_hot_water_pot', 'switch.01_lamp_1', 'switch.07_lamp_7', 'switch.02_lamp_2', 'switch.14_air_con_3', 'switch.13_air_con_2', 'switch.06_lamp_6', 'switch.05_lamp_5', 'switch.15_air_con_4', 'switch.16_watering', 'switch.03_lamp_3'), auto=True, friendly_name=all switches, order=0, hidden=True @ 2016-08-08T19:42:43.614999+07:00>>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=switch, service=turn_off>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=switch, service=turn_on>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=switch, service=toggle>
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event component_loaded[L]: component=switch>
16-08-08 19:42:43 homeassistant.bootstrap: Invalid config for [group]: Group My Cams is invalid: expected bool for dictionary value @ data['view'] for dictionary value @ data['group']
16-08-08 19:42:43 homeassistant.core: Starting Home Assistant (16 threads)
16-08-08 19:42:43 homeassistant.core: Bus:Handling <Event homeassistant_start[L]>
16-08-08 19:42:43 homeassistant.core: Timer:starting
16-08-08 19:42:45 netdisco.service: Scanning
16-08-08 19:42:50 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=stop>
16-08-08 19:42:50 homeassistant.core: Bus:Handling <Event service_registered[L]: domain=homeassistant, service=restart>
16-08-08 19:42:51 homeassistant.components.recorder: Ended unfinished session (id=156 from 2016-08-08 12:40:48.968128)
16-08-08 19:42:51 homeassistant.components.recorder: Found unfinished sessions
16-08-08 19:42:52 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:52 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:52 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:52 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:42:52 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:52 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:42:53 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:53 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:42:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:42:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:42:56 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:42:56 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:03 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:03 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:06 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.1
16-08-08 19:43:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.20
16-08-08 19:43:07 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.2
16-08-08 19:43:07 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.20
16-08-08 19:43:07 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.20
16-08-08 19:43:13 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:13 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:16 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:16 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:23 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:23 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:26 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:26 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:30 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sun.sun, old_state=<state sun.sun=below_horizon; next_setting=2016-08-09T11:43:12+00:00, next_rising=2016-08-08T23:04:22+00:00, elevation=0, friendly_name=Sun, azimuth=0 @ 2016-08-08T19:42:21.841695+07:00>, new_state=<state sun.sun=below_horizon; next_setting=2016-08-09T11:43:12+00:00, next_rising=2016-08-08T23:04:22+00:00, elevation=-14.57, friendly_name=Sun, azimuth=290.87 @ 2016-08-08T19:42:21.841695+07:00>>
16-08-08 19:43:33 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:33 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:34 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:34 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:34 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:34 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:36 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:36 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:43 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:43 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:44 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:44 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:44 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:44 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:46 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:46 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:53 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:53 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:43:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:43:56 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:43:56 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:03 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:03 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:06 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:13 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:13 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:16 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:16 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:23 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:23 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:26 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:26 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:30 homeassistant.core: Bus:Handling <Event state_changed[L]: entity_id=sun.sun, old_state=<state sun.sun=below_horizon; next_setting=2016-08-09T11:43:12+00:00, next_rising=2016-08-08T23:04:22+00:00, elevation=-14.57, friendly_name=Sun, azimuth=290.87 @ 2016-08-08T19:42:21.841695+07:00>, new_state=<state sun.sun=below_horizon; next_setting=2016-08-09T11:43:12+00:00, next_rising=2016-08-08T23:04:22+00:00, elevation=-14.8, friendly_name=Sun, azimuth=290.95 @ 2016-08-08T19:42:21.841695+07:00>>
16-08-08 19:44:33 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:33 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:34 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:34 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:34 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:34 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:36 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:36 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:43 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:43 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:44 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:44 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:44 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:44 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:44 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:45 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:46 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:46 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:46 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:46 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:46 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:46 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:46 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:53 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:53 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:54 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:54 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:56 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:56 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:44:56 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:56 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:44:56 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:44:56 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:03 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:03 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:04 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:04 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:06 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:06 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:06 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:07 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:07 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:13 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:13 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:14 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:14 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:16 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:16 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:17 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:17 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:17 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:17 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:23 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:23 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:24 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:24 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:26 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:26 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27
16-08-08 19:45:26 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:26 homeassistant.components.http: Successful login/request from 192.168.1.35
16-08-08 19:45:26 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.25
16-08-08 19:45:26 urllib3.connectionpool: Starting new HTTP connection (1): 192.168.1.27

Hello fanaticDavid, I will try your group configuration code now, Thank you for your kind posting.

Thanks to you, ReneTode. I would follow your advice to remove the whole things out, then try to put back the code one by one to see which one is wrong code. Here is my frontend and my resources at ***** if anyone could kindly visit my frontend, I would be glad. I have already backed up the configuration.yaml and backed up sd card. If you could make modification to show me as an example of grouping, so that I could use it as an example to divide Switch into two groups. Thanks to you all in advanced.

@kiratikarnpat thats not going to work.
youre frontend is on your network only.
so noone outside can reach it, unless you make your network available to the world.

but like you are struggling with this i dont think it would be wise for you to try that.

edit: oke i see that its open for everyone, but still we cant edit your config.

Hello ReneTode, thank for your advice. Actually I don’t have any thing important on my network and I could also change my password later. Anyway I will delete my post about my frontend as you suggested. Thank you. for reminding me.

Thanks to you all, especially andrew-curtis, AlucardZero, danichispa, ReneTode and fanaticDavid. and thanks to this forum. I followed all your advices until now I could successfully arrange groups in web ui as I wished. My latest screen is shown in the picture below. If without your comments and suggestions I never succeeded. I hope you all have a good time and have a nice day. Thanks a lot.

2 Likes

I’m glad you got the result you wanted @kiratikarnpat and I was able to assist you. :smiley:

1 Like