Thanks for the update sir, really appreciate your work…
Tried and followed the instructions for the update but still the popups don’t work, i only use popups provided by HKI.
Remove browser mod first, make sure it is removed entirely.
Next restart HA, reinstall browser mod.
Clear cache.
Done!
Thanks for your help it works now…
Homekit Infused 5 (2022.5.1)
*September Hotfixes
Changes:
- Fixed a bug where layout would be messed up after updating to HKI 2022.5.0 and Browser-Mod 2.1.x (Actually Thomas Loven just released an update for his browser-mod addon as I was typing this changelog, it also fixes this issue however I’d still update both as HKI 2022.5.0 added a lot of unnecessary code).
- Popups can now be changed from the default fullscreen to normal or wide. These changes can only be made globally and will be set for all popups at once. You can find how to do that here. (Note that any other setting than fullscreen might look bad on a mobile phone!)
- You can now set a border radius for popups, note that this won’t work for fullscreen popups. These changes can only be made globally and will be set for all popups at once. You can find how to do that here
- Scene buttons should now function properly, you no longer need to add a custom tap_action to them, you can still use a custom tap_action as before, but it will now default to the proper setting (scenes can only be turned on/activated, there is no turn_off command, prior to this version HKI would try to turn a scene off resulting in an error).
- Some unimportant bugfixes
How to update?
Always make a backup of your setup before updating to a new version! You have been warned!
Download the release and copy/replace the following folders:
- /hki-base/
- /packages/
Restart Home Assistant and done! Enjoy!
Looking for example code? Check out my personal repo so you can take examples from it, click here
For anyone having troubles updating to the latest browser-mod and HKI check the following steps:
- Update HKI to the 2022.5.1
- Update browser-mod to the latest version available at this very moment
- Restart HA
- Check Devices & Integrations and see if browser-mod is listed and loaded
- Press F12 go to console and check if the browser-mod version matches the one you have downloaded
- If answer to 4 is no, then uninstall browser mod entirely and remove it from integrations. Reinstall it afterwards and restart HA, don’t forget to add it back to integrations after the restart.
- If answer to 5 is no, then clear your browsers cache!
Read the post above about browser mod
I wasn’t able to get it to work through HACS but I was able to get it to work through HA Integrations.
- Install browser mod
- Thoroughly clear your browser cache
- Go to the Browser Mod panel in your sidebar
- Make sure the “Register” toggle is checked.
5.This is required in order to enable backend services to target this browser.* - Refresh the page (F5)
- Go to Developer Tools → Services [
2 Likes
Hey, just started using this and I love the look of it 
. however I’m having trouble with two things.
I have no idea how to turn notifications off/remove. In the config file it says that you can’t simply remove the text and that their is a setting for it but I couldn’t find it.
Also I have a door sensor button_badge which says on/off instead of open and closed, is their a way to change this in Homekit Infused e.g. when door is on button badge shows “closed”, when door off door badge shows “open”.
Also having trouble adding the weather tile to my home page, every time I add, i get an unknown error “reload UI” every time i go back to the dashboard after a restart
# Home
home:
title: greeting
show_in_navbar: true
show_in_menu: false
icon: mdi:home
addons:
favorites:
- title: hide
columns: 3
weather:
- title: Weather
type: core
entity: weather.forecast_showroom
show_forecast: true
path: weather
# 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:
menu:
- title: Menu
The last line of your shared code has wrong indentation, add a space in front of it.
addons:
menu:
- title: Menu
Hello
Merci pour le projet, je viens d’installer la dernière version 2022.5.1, tout marche à merveille sauf le browser-mod Popup quand on clique par exemple sur une lumière j’ai l’erreur suivante et il n’affiche pas le réglage de la lumière
C’est une nouvelle installation de Home Assistant, et j’ai déjà réinstallé browser-mon et vider le cache safari et j’ai aussi essayé avec l’application mobile IOS, c’est pareil:
Custom element doesn't exist: light-popup-card.
actionSize: 30px
actionsInARow: 3
brightnessHeight: 410px
brightnessWidth: 110px
entity: light.bande_led_salle_a_manger
fullscreen: false
settings: true
settingsCard:
cardOptions:
card_mod:
style:
.: |
:host {
--ha-card-background: transparent !important;
--primary-text-color: AliceBlue !important;
}
ha-card {
background: transparent !important;
color: AliceBlue !important;
--paper-item-icon-color: auto !important;
--paper-item-icon-active-color: #b58e31 !important;
--primary-text-color: AliceBlue !important;
}
entity: light.bande_led_salle_a_manger
type: custom:more-info-card
settingsPosition: bottom
switchHeight: 410px
switchWidth: 110px
type: custom:light-popup-card
Est-ce que tu as installé light-popup-card? Si non, tu doit installé ça d’abord.
Tu touvera les instructions sur github.
1 Like
Yes je viens de voir cela en allant dans add-on Button qu’il faut installer des intégrations front end supplémentaire
Merci à toi pour ta rapidité
Beaucoup de choses à installer mais je vais y arriver
Bonne soirée
hello Jimmy, @jimz011
j’ai 9 vannes de radiateurs, est ce possible d’afficher la température et régler la température dans les badge de notification en haut à droite sur le tableau de bord ? pour le moment il affiche uniquement si activer ou non ?
After upgrade HKI 5 v2022.4.1 to HKI 5 v2022.5.1 I get an error:
type: custom:popup-card
entity: input_boolean.dummy1
title: ' '
size: wide
style: |
--popup-background-color: black !important;
--popup-header-background-color: var(--popup-background-color) !important;
--popup-border-radius: 12px !important;
card:
type: vertical-stack
cards:
- type: conditional
conditions:
- entity: binary_sensor.hallway_pir
state_not: 'off'
card:
type: custom:button-card
name: Zaznano gibanje hodnik!
icon: mdi:alert
entity: input_boolean.dummy1
tap_action:
action: more-info
haptic: light
hold_action:
action: none
styles:
card:
- height: 30px
- width: 300px
- '--ha-card-background': transparent
- box-shadow: none
- overflow: visible
name:
- justify-self: start
- font-family: var(--font-family)
- color: var(--subtitle-text-color)
- font-size: var(--subtitle-font-size)
- font-weight: var(--subtitle-font-weight)
- padding-left: 10px
- margin-top: '-12px'
- overflow: visible
img_cell:
- height: 45px
- width: 45px
- position: absolute
- top: '-6px'
- left: 0px
- overflow: visible
icon:
- overflow: visible
- color: var(--subtitle-text-color)
grid:
- grid-template-areas: '"i n"'
- grid-template-columns: 8% 1fr
- grid-template-rows: 1fr
state:
- operator: '0'
spin: false
- value: 'off'
spin: false
- type: conditional
conditions:
- entity: binary_sensor.bathroom_pir
state_not: 'off'
card:
type: custom:button-card
name: Zaznano gibanje kopalnica!
icon: mdi:alert
entity: input_boolean.dummy1
tap_action:
action: more-info
haptic: light
hold_action:
action: none
styles:
card:
- height: 30px
- width: 300px
- '--ha-card-background': transparent
- box-shadow: none
- overflow: visible
name:
- justify-self: start
- font-family: var(--font-family)
- color: var(--subtitle-text-color)
- font-size: var(--subtitle-font-size)
- font-weight: var(--subtitle-font-weight)
- padding-left: 10px
- margin-top: '-12px'
- overflow: visible
img_cell:
- height: 45px
- width: 45px
- position: absolute
- top: '-6px'
- left: 0px
- overflow: visible
icon:
- overflow: visible
- color: var(--subtitle-text-color)
grid:
- grid-template-areas: '"i n"'
- grid-template-columns: 8% 1fr
- grid-template-rows: 1fr
state:
- operator: '0'
spin: false
- value: 'off'
spin: false
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.