I have browser mod installed, but I don’t have browser mod panel in my sidebar?
Browser mod error:
Logger: homeassistant.config_entries
Source: config_entries.py:349
First occurred: September 29, 2022 at 14:36:48 (1 occurrences)
Last logged: September 29, 2022 at 14:36:48
Migration handler not found for entry Browser Mod for browser_mod
Did you follow the steps in the post I shared or did you just install browser mod? Please follow the steps to the letter.
I removed browser mod integration and add it again and error is gone.
Everything is working now:)
thx @jimz011
Your vacuum entity on the map is missing its entity prefix vacuum.
Yo are right my mistake 
Hi everyone,
I’m brand new to HKI, and I’m struggling with using lovelace cards. Can someone have a look at what I’m doing with the conditional card below and tell me why it isn’t showing up? Thanks
views: # NEVER REMOVE THIS LINE
# Default views (you can edit them!)
# Home
home:
title: greeting
show_in_navbar: true
show_in_menu: false
icon: mdi:home
addons:
welcome_message:
- title: hide
favorites:
- title: hide
columns: 3
# Menu
menu:
title: Menu
show_in_navbar: true
show_in_menu: false
subtitle: "[[[ return `HKI 5 v.${states['sensor.hki_current_version'].state}`; ]]]"
icon: mdi:apps
addons:
favorites:
- title: Favorites
menu:
- title: Menu
# Add your own views below this line!
# Lights (example)
lights:
title: Lights
show_in_favorites: true
icon: mdi:lightbulb
cards:
- type: vertical-stack
cards:
- type: custom:auto-entities
show_empty: true
card:
type: glance
title: Lights on
filter:
include:
- domain: light
state: "on"
options:
tap_action:
action: toggle
HKI is a framework, most of the code is the same as standard, however the start of the code is slightly different.
Please check the custom addon.
It has some examples so you know how to define them. For the most part your code is good, it is just missing the addon section.
How can I make a notification condition similar to numeric_state? I want a notification of the EV battery is low.
Hey, Jim. I come from China. I first knew that HKI was version 3.5. I always used HKI4, but I never dared to try HKI5.
I have learned from your configuration documents. What I want to ask is:
How can I divide a view into three or four fixed columns; Under the views folder, can I create a folder for each view instead of a document.
I learned from your elements configuration, but only two people’s configuration is normal, and the configuration of other members will be the same as that of tala (as shown in the figure). How can I adjust it.
My light band is colored. How can I display the following color buttons in the popup card.
thank!
1a. To divide a view into 4 fixed columns, you should use the layout config e.g.
my_view:
title: Livingroom
layout:
layout_type: custom:grid-layout
layout:
grid-template-columns: 25% 25% 25% 25%
1b. You can split the view by adding a line into your view.yaml file e.g.
views:
!include_dir_merge_named ../views
You can then create a folder in /hki-user/ named views (so path looks like this /hki-user/views/).
You can then create separate files for your views like shown here:
addons:
picture_elements:
- title: hide
columns: 2
cards:
- image: /local/images/PERSON1.png
elements:
!include ../elements/frontpage-photo-PERSON1.yaml
- image: /local/images/PERSON2.png
elements:
!include ../elements/frontpage-photo-PERSON2.yaml
- image: /local/images/PERSON3.png
elements:
!include ../elements/frontpage-photo-PERSON3.yaml # Copy this from PERSON1, rename the file and add the correct information.
- image: /local/images/PERSON4.png # Copy this from PERSON2, rename the file and add the correct information.
elements:
!include ../elements/frontpage-photo-PERSON4.yaml
If you need a 5th or 6th person, you should copy the first 2 persons again and then adjust the configuration to match that person.
addons:
button:
- title: Livingroom
entities:
- entity: light.living_ceiling
type: color-temp # add the type paramter to the specific entity to change the popup type
- entity: light.living_floor_lamp
type: rgb # add the type paramter to the specific entity to change the popup type
I hope this helps you out, note that this ONLY works for HKI5 (HKI 2022.3.0 or higher) and that some features only work on the latest versions of HKI. If you did not start to use HKI 5 yet, I will highly suggest you start doing that. It is very stable and at the current rate I only update a handful of times per year (which is 99% of the time simply copy/paste and done work). There are hardly any breaking changes throughout the year so it should be easier for you to keep up with being up to date without worrying that the config changes too much.
Last but not least, HKI 5 offers over 200+ extra features compared to HKI 4 and is much more flexible.
Thank you very much！
I have carefully read the detailed instructions on your home page again and benefited a lot; Of course, the answers to the above questions have also been found.
Thank you again!
Hello, Jim. I want to disturb you again.
As for the person problem, I operate as follows: person3 copied by person1, person2 copied by person4; The corresponding entity is modified.
But in the view, it is still the same; I can’t clear the browser cache or change the browser.
- type: image
entity: person.dian_ping_che
image: /local/images/Mobile/yadi1.png
tap_action:
action: navigate
navigation_path: ding_ping_che
hold_action:
action: none
style:
left: 50%
top: 50%
width: 100%
heigth: 100%
filter: grayscale(100%)
state_filter:
"home": revert
- type: state-label
entity: person.dian_ping_che
style:
right: 0
bottom: 0
pointer-events: none
font-size: var(--name-font-size)
font-weight: var(--name-font-weight)
font-family: var(--font-family)
line-height: 15px
color: blue
background-color: rgba(0, 0, 0, 0.3)
width: 100%
transform: initial
text-align: right #left
- type: state-label
entity: sensor.dianpingche_dianliang
style:
top: 0
right: 0
pointer-events: none
transform: initial
font-size: var(--state-font-size)
font-weight: var(--state-font-weight)
font-family: var(--font-family)
color: blue
line-height: 32px
padding: 0px 28px
- type: icon
icon: mdi:battery
style:
top: 0
right: 0
pointer-events: none
transform: scale(0.8)
color: blue
line-height: 32px
padding: 7px 7px
font-size: 11px
font-family: var(--font-family)
- type: conditional
conditions:
- state: "home"
entity: person.dian_ping_che
elements:
- type: state-label
entity: sensor.home2office_ride
style:
top: 0
right: 0
pointer-events: none
transform: initial
font-size: var(--state-font-size)
font-weight: var(--state-font-weight)
font-family: var(--font-family)
color: blue
line-height: 32px
padding: 28px 28px
- type: icon
icon: mdi:office-building
style:
top: 0
right: 0
pointer-events: none
transform: scale(0.8)
color: blue
line-height: 32px
padding: 35px 7px
font-size: 11px
font-family: var(--font-family)
- type: conditional
conditions:
- state_not: "home"
entity: person.dian_ping_che
elements:
- type: state-label
entity: sensor.office2home_ride
style:
top: 0
right: 0
pointer-events: none
transform: initial
font-size: var(--state-font-size)
font-weight: var(--state-font-weight)
font-family: var(--font-family)
color: blue
line-height: 32px
padding: 28px 28px
- type: icon
icon: mdi:home
style:
top: 0
right: 0
pointer-events: none
transform: scale(0.8)
color: blue
line-height: 32px
padding: 35px 7px
font-size: 11px
font-family: var(--font-family)
picture_elements:
- title: hide
# view_layout:
# column: 1
columns: 2
cards:
- image: /local/images/Person/changgong.png
elements:
!include ../elements/frontpage-photo-changgong.yaml
- image: /local/images/Person/lili.png
elements:
!include ../elements/frontpage-photo-lili.yaml
- image: /local/images/Mobile/dpcar2.png
elements:
!include ../elements/frontpage-photo-lqy.yaml
- image: /local/images/Mobile/dpcar1.png
elements:
!include ../elements/frontpage-photo-dpcar.yaml
What do you mean by I can’t clear cache? You can always use an incognito window to use a window that has no cached elements.
If it still doesnt work, please show me a screenshot of what you see.
Hey, Jim.
I think I found the problem.
I replaced the person3 and person4 photos with person1 and person2 photos and then the view showed up fine.
I will check my photos again.
Thanks a lot!
- image: /local/images/Person/changgong.png
elements:
!include ../elements/frontpage-photo-changgong.yaml
- image: /local/images/Person/lili.png
elements:
!include ../elements/frontpage-photo-lili.yaml
- image: /local/images/Person/changgong.png
elements:
!include ../elements/frontpage-photo-lqy.yaml
- image: /local/images/Person/lili.png
elements:
!include ../elements/frontpage-photo-dpcar.yaml
Hello, the problem is the same as yours, how to solve it. I have tried your steps, but the problem is still not resolved.
Hi, thanks for a great solution!
I’m playing around with the simple_weather card and can’t get the custom: function to work to override the temperature with a custom sensor. This should in theory work:
addons:
weather:
- type: simple_weather
entity: weather.home
city_name: City
backdrop: true
custom:
- temp: sensor.hue_outdoor_motion_sensor_1_temperature
Any ideas on why this doesn’t override the temperature? I don’t see custom as an option on the add-on page so I’m not sure if there is a workaround?
Hm, this feature is not added to the HKI addons, however it is fairly simple to just use the custom addon for that instead:
addons:
custom:
- title: hide
cards:
- type: custom:simple-weather-card
entity: weather.home
city_name: City
backdrop: true
custom:
- temp: sensor.hue_outdoor_motion_sensor_1_temperature
It is the same card (but not the one wrapped in the HKI addons), if you want to add the HKI preconfigured style to the card you should do this:
addons:
custom:
- title: hide
cards:
- type: custom:simple-weather-card
card_mod:
class: hki
entity: weather.home
city_name: City
backdrop: true
custom:
- temp: sensor.hue_outdoor_motion_sensor_1_temperature
Anyone seeing issues with pop-ups not working? It seems to correlate to some recent updates to pop up card and other card mods (but can’t be sure). Cleared cache, tried different browsers and users, pop-ups aren’t working 