Jim, would you be able to develop a minimalist remote control model like the one already included in your project, but for use with Broadlink? I ask why here in my house my 3 TVS none is android. Thank you very much
Stupid question, do you need to reboot HA to see each modification to a yaml appear? Or is there another easier method?
Hi @jimz011,
Nice piece of code, kudos!
I have started to play with it to figure out how it behaves, using the demo entities of HA.
Is it normal that it shows up not aligned on an iPhone?
Same view displays correctly when the phone is turned to landscape, see here:
Same applies to other views as well:
I have noticed also a problem with the rendering of the light view. The 2 tiles I added are cut to the left
Also, whatâs the meaning of the header buttons (-1 to 3)? Is it the floors? When I select button 2 also 3 highlightsâŚ
Thanks!
@DVST8 The misaligned buttons is because you have the wrong version of layout-card. You canât install it from HACS and you will need to get it from my repo. That will fix the misaligned button problem.
The numbers above the lights are indeed floors (you can hide this if you donât need it in the settings).
Since the nature of this project was that it would be a nice framework but without too much hardcoded stuff (like I have done in the past and was SLOW as hell). People can decide whatever cards they want to run, though not needing to worry about the framework (for example: the menuâs, settings, header, navigation, notifications on screen and such).
@jimz011 Nope, unfortunately I donât have layout card from HACS. I copied your www folder from the package into HA root folder as per instructions. Misalignment is still thereâŚ
I also installed light popup card from HACS (added the repository, otherwise it did not show up) but when I hold on a light card, nothing pops up.
I am more worried about the misalignment though as this is a no go for me.
Hope you can help me.
Thanks!
@DVST8 Well it is definitely a layout-card problem. I will suggest trying to reinstall it and make sure when you do that there is only a single file in the layout card folder. Also make absolutely sure it doesnât show up in HACS. And dont forget to add the resource after installing.
After all this restart HA and make sure you clear your cache (cache is an enormous b*tch when it comes to layout-card). To be entirely sure that cache isnât your problem I will suggest the following steps.
- Uninstall layout card and remove resource from lovelace
- Restart HA and check your lovelace config, it should throw big red blocks with errors saying it is invalid config. If it doesnt then open an incognito window and try again.
- If it does show you the red errors, great! Now add the layout-card from my repo (www/community/).
- Make sure the contents of the layout-card folder only has a single file
- Open lovelace settings and add resource to layout card
- Restart HA and repeat the steps of clearing cache (or using incognito window). Resize your browser window and check the alignment. If it works, great!
- If you use the iOS HA app, remove it and reinstall. If you use the Android HA app, clear cache!
The popups probably dont work because of some changes within browser mod, I will update the project soon with the fixes to that. In the meantime downgrading browser_mod to a lower version should fix this problem for you.
I would have sent a screenshot from an iphone 5s (which is small) to show you that it should work. If it still doesnt work then please join our discord channel so I can share files faster with you.
Homekit Infused 3.6.0
*Fixes Fixes Fixes (Warning! Breaking Changes)
Changes:
- Compatible with the latest HA version
- Fixed the horizontal scrolling on mobile devices (with a big thanks to @pex81)
- Added some code for more header sensor icons (please read the documentation https://github.com/jimz011/homekit-infused/blob/c176b25689301156cfe6de00bdddf9a34aa795b9/docs/addons/header-sensor-icons.md)
- Added some more information inside of the HA Settings menu
- Fixed popups to work with the latest browser mod (read notes below)
- The secondary header bar now also acts as a menu/home button (read notes below)
- Kiosk Mode has been added and will replace the current way of hiding the header, this will fix the header for other lovelace dashboard, the header will no longer be hidden on other dashboards than HKI.
- Bugfixes and slight speed improvements
BREAKING CHANGES:
- You must be absolutely sure you install Kiosk Mode first, then replace the themes folder with the updated package and then replace homekit-infused.yaml. The order of this isnât really important, but it is really important that you do all of this BEFORE restarting HA!!! Failing to do so might get your lovelace setup in an endless loop. You can easily retry this process if you fail by restoring the old files and restart (so make backups of at least the themes folder and homekit-infused.yaml)
- You still can NOT update layout-card to the official HACS version. Please use the version of layout-card that is included with HKI!!!
Notes:
- Popups will work again with the latest browser_mod from HACS, however there is one slight caveat, browser_mod has changed a lot of the way it works and the new way of invoking popups are done through dom-events, unfortunately this doesnât support custom-cards yet. What this means for now is that when a popup is invoked, it will show up on all currently connected devices (obviously only for devices that are currently actively showing the lovelace dashboard). For most people this probably wonât be a problem, but this could be slightly annoying for people that have wall mounted tablets. Hopefully the creator of browser_mod will address this in the future, but for now I prefer releasing it this way so that we can install all the latest updates.
- The secondary header bar (which shows a notification or subtitle) will now act as a home/menu button. The button at the top left will act the same it always did, however when tapping the notification area it will now ALWAYS take you to HOME from any page. Clicking on it from the Frontpage will ALWAYS take you to the menu. This is to mitigate the annoying menu button problem and might be a temporary solution.
How to update:
I will first stress out that you will have to make a backup of your current setup (as you should always do).
Drag and drop all the files into the root of your Home Assistant setup (the paths must match so if you have done it right it will ask you to overwrite files, click yes and the update is complete. Now restart your Home Assistant)
You can find update paths for each version here https://github.com/jimz011/homekit-infused/tree/updates/
Not sure which custom cards you use for your UI, but I would guess RomRiders button-card. If thatâs the case: button-card does support dom-events since 17th feb (3.4.2). I have popups working thoughout my entire UI using button-cards and dom-events (only showing on the device envoking it).
Perhaps youâre using a different card ofcourse. Just wanted to make sure 
!
Was actually talking about browser_mod which (to my knowledge) doesnât support using custom cards with by calling a dom-event. The problem is not the popup itself, it is the device_id: this which has changed and I havenât found a way to fix this yet. (But then again I havenât spent much time on HA lately so I might be out of date again 
)
I was also talking about browser_mod. Previously you had to use a browser_mod.popup service call with button-card (and other cards).
hold_action:
action: call-service
haptic: heavy
service: browser_mod.popup
service_data:
card:
In which you could use deviceID: this so it would only show on the envoking device.
You can now use this below code with button card. Which still relies on browser_mod. But now you have to remove deviceID: this.
hold_action:
haptic: heavy
action: fire-dom-event
browser_mod:
command: popup
title: Light
card:
This will show a popup_card containing anything you have there, just like before.
Currently only button-card has been updated to use dom-events to show popups using browser_mod, from what I have seen. I saw a PR for mini-mediaplayer_card, but hasnât been released yet. Hopefully other cards will follow soon, however 95% of my UI consists of button-card anyway lol.
Or are you talking about how to envoke popups outside of Lovelace? So through an automation for instance.
Ah no, this was exactly what I meant. But since I use a lot more kinds of cards in popups I guess that is why.
Thanks for the info though, it will be helpful.
No problem. And just so you know, you can open any popup card still. Nothing has changed in that regard. Only envoking the popup now requires for the card envoking it to support dom-events, like button-card.
Since the update to 3.6.0 I have a double header bar on my HKI Dashboard.
Iâve checked homekit-infused.yaml and the config for hiding the header is there;
## Hide Header
kiosk_mode:
hide_header: true
Unfortunately it doesnât seem to do its thingâŚ
Anyone else experiencing this?
Did you install kiosk mode by Maykar? You can find it in HACS, make sure you install the right one.
Absolutely! Iâve installed the Kiosk Mode prior to the update. Even restarted HA before updating to 3.6.0.
Did you clear cache?
I`ve just update and have little problem⌠Nothing happens when I do âhold actionâ
To disable header bar you should to add in the end of your link â?kioskâ