5 FRONTEND HACS (Cards and Elements)

[@Floris039]

This is a very nice video about HACS frontend options. Thank you so much! These where so clearly explained and I really like your accent :). I hope you will continue to make videos about HA!

[@MarkWattTech]

Thanks for the feedback. Glad you like the vide and my voice 😂. Plenty more to come.

[@jimdavis3749]

Superb job showing how to get the most out of HACS, next level presentation. Appreciate the effort and time. Thanks

[@MarkWattTech]

Much appreciated! thank you for the feedback :D

[@gverran]

Ah so glad that I already use two of the 5 suggested HACS front-end cards, namely mini graph card and mini media player and glad to add the swipe navigation to that. The only gripe I have with Lovelace currently is how it decides how your cards should display when viewing HA on a large display - all over the place. On a mobile phone, they all display under each other in the way that you organised them which is great, but there is really no easy way to to arrange your cards when viewing on your PC or large tablet. I hope that you'll do a video one day on how to do exactly that with the precision of where the card should go as well as the ability to set the width / height of the card. The solutions currently have their flaws and I cannot seem to get this right. Again, thanks for the vid.

[@MarkWattTech]

Hey Glen. Thanks for your feedback :) I do have a dashboards video planned which might be of interest to you. I will get round to it eventually :) There was also a project in the works for bringing drag and drop placement to HA but I think it’s currently on hold.

[@benilev7328]

As always an effective and clear professional fascinating just more and more

[@dannydigtl]

I get a warning: "After the download completes, since you are not using Lovelace in storage mode you need to manually add the resource with these settings:". I dug into a big and I see you can run in storage/UI controlled mode or YAML mode.. Can you explain how this all works and the pros and cons in a vid? Sure I proceed or address this error before moving on? thanks!

[@clairerovic]

Thanks, fun coming back and looking at this. Wow so much has changed, and looking forward to the September 2022 coming changes

[@MarkWattTech]

It’s so different 😄. Lot’s of great new things in the latest release

[@iliasaitidis6322]

How do you manage having Swipe Navigation and Swipe Card at the same time? Or you simply don't. I am not sure if it was mentioned on the video and I missed it.

[@photelegy]

Is there a way to show Grafana graphs in Lovelace (something lice with MiniGraphCard but with the many functions of Grafana)?

[@lucapontara273]

Always amazing video...very useful and very clear. I think you are one of the best youtuber a out HA.

[@MarkWattTech]

Wow thanks Luca. Appreciate it :)

[@tahir8608]

Love your videos mate. Your topic selection for making these videos is amazing. Please keep up the good work, learning a lot from your videos. Amount of effort that goes into making these videos is always underrated.

[@MarkWattTech]

Really appreciate that :D Thank you for the support! I have a follow up to this video and I also have more planned!

[@CarlosRuiz-nx3vm]

Tremendous video !!, Thks.

[@MarkWattTech]

Thanks dude 😁

[@jachencarl]

What a nice grate job. Thank you very much Sir. Best tutorial on HA Cards found on KZbin. Will check more of your videos.

[@MarkWattTech]

Thank you! Theres a follow to this video with another 5 HACS too :)

[@Adgerrard0]

Love the banner cards, but I can't get local background images to display...Anyone know what the URl would be?

[@claudioluiz11]

Good job. Thank you.

[@MarkWattTech]

Thank you :)

[@andymok7945]

Very well done. Lots of good info in this video and thanks for sharing.

[@DaMook82]

I nedded the mobile swipe :D Nice.

[@TheRealAnthony_real]

Cube effect is actually wicked for graphs with 4 entities and different measurements ..

[@Dave-yf9is]

I just discovered I can run Home Assistant on a virtual machine in my QNAP NAS, so I'm obviously very new to Home Assistant. I find your videos very helpful. When I search for front ends in HACS, I'm not given an option to install, I'm given an option to download repository. Is this basically the same thing? Is there something more I need to do after downloading the repository? Thanks.

[@sanjaybali4092]

Love from India. Again. ❤️

[@MarkWattTech]

🙏🏻❤️

[@Betoballestas]

Boyyyy, love your channel!!

[@henrikbrndgaard6133]

Great video! - I really need some kind of custom collapsible card. Do you know where to find this?

[@praannetwork]

Can a threshold with color code be set on this one for like network card in mini graph? If yes then please help we with some guide that I can follow.

[@JoseBerruezo]

Nice video.

[@fredrikpersson7008]

The Swipe Nav and Swipe Card was NOT a good combo at first :D However, changing the swipe_amount to about 70-80 solved it for me :)

[@MarkWattTech]

Thanks for sharing 👍🏻 its changed a bit since the video.

[@ryanmeek]

Great video, thanks for this. I'm the creator of Swipe Navigation and, if you don't mind, I'll add your settings tutorial to the readme.

[@MarkWattTech]

Thanks for creating it Ryan! Keep up the awesome work 👌🏻😄. And no problem 😄

[@guymartialdivakou3861]

Very helpful video. Thanks

[@MarkWattTech]

I also created a 5 More video with another 5 useful HACs cards :)

[@robinvandam7705]

I really like the banner card

[@MarkWattTech]

Me too! such a great card :)

[@maxtrin87]

i have installed 2 frontend in hacs but it docent show up wen I try to ad card wy?

[@MarkWattTech]

Sounds like a browser cache issue. Clear your cache and it should appear.

[@rodneybrown5461]

Hi Mark, I liked your video tutorial. As a novice I have relied on your informative HA videos on many occassions. Thankyou. I get most of it but I have a question about the mini media player ? I see you use Amazon Alexia media palyers, can you tell me if the same works for Google home please. 😀

[@MarkWattTech]

Goad to have been helpful. With Google home it’s a lot easier :) but yeah you can use the same setup with Google and Sonoff devices etc

[@Fine_i_set_the_handle]

aaaaand what if its not just in the menu that pops up with the add card button lol?

[@MarkWattTech]

Clear your browser cache and it should appear 🙂

[@martink9785]

Great info, thanks 😃

[@MarkWattTech]

Glad it was helpful! :)

[@jagadeeshv2763]

from your list .... I'm not aware of 2 cards (2 -swipe cards ) thanks for it

[@MarkWattTech]

Hope you found it useful :)

[@Lonestar101]

Any idea why the downloaded cards in HACS aren't showing up in my Lovelace dashboard Add Card section?

[@MarkWattTech]

Try clear your browser cache :)

[@theAVZ]

Great video!! Can you help with integration with youtube music?

[@marcellerich]

very good content, thanks for sharing! The only downside is the amount of Ads that are put in. Do you have control about that? 2 Ads would be ok for a video like that. 7 are too much!

[@MarkWattTech]

Heya :) Thank you for the feedback! Wowza yeah that is a lot! I will have a look at the settings to see if it is something I can control. I usually just upload with a template so the videos all get the same format. I don’t see the adds so it’s not something I was aware of. Thanks for letting me know. I will have a look at changing it. Can’t fix it if I don’t know 😁

[@rickz6006]

Are you aware of a way or a card that allows you to add tags or variables for things like the title, text, emoji or color background so these thins can be conditionally changed? For example with the banner card if I did some NAS data can I change the background to Red from whatever the normal color is if there is an issue like an update available or a drive issue?

[@fefeporcodiaccio]

Awesome Tutorial. Can you please share the code of the alexa player with the tts (as it is at 05:49) ? just love it!

[@MarkWattTech]

Hey Federico. I will add it to the code linked in the video already when I get a sec. in the mean time if you want it, check out my Alexa TTS video (i think the code is in the description of that video)

[@TheDanhib]

Great video! Been playing around with Hacs a lot and also with the massive selection of icons. Is there any difference between having an icon as hass: or mdi: ?

[@MarkWattTech]

Thank you :) If I’m correct they are the same and can be used interchangeably. There just different lists. The mdi ones might have newer icons which you can look at on the material designs icons page. Cheers.

[@PaPaTheGMan1215]

Is it possible that the Swipe Navigation FRONTEND only works on IOS? It seems to work just fine on an old iPhone I have, but doesn't work on my current Android.

[@derekswitzer9624]

Another awesome video, man… I see you use Alexa a lot for media player things. Is the same process available for playing things through an Apple TV hooked up to a Soundsystem or TV for example?

[@MarkWattTech]

Hey Derek. The Apple TV has its own integration which you can utilise for controlling it with HA. (hope that helps)

[@dmwaeschle]

Ok Mark, I just saw your video and it was great. I appreciate the content and the video showing these new cards. I'm still new to Home Assistant and getting my feet wet. Your last HACS card was for the "Banner Card" I first downloaded the "Extended Banner Card" and went back later to download the "Banner Card" which one is in your opinion better?

[@EricOnYouTube]

I don't see the banner card after installing it in HACS frontend.

[@MarkWattTech]

Sounds like a browser cache issue. Try clearing your cache and it should appear :)

[@glendower5143]

Great Video, as always. Is it possible to use other cards other than the custom:mini-graph-card?

[@MarkWattTech]

Thanks Peter :) What do you mean use other cards?

[@mrteausaable]

Why I have error HACS frontend when loading the mini-media-card, button-card and a few more cards stated Not Loaded?

[@MarkWattTech]

Try clearing your browser cache :)

[@ayanesapolinar3255]

thank you for this great video, I was able to add the mini-graph-card and use it to display my bandwidth usage as well as speedtest results. What I am having trouble using it for is like your example showing the CPU usage, processor temp etc. I don't seem to have those entities to add to the card. I am running Home Assistant on a Raspberry PI 4 so I don't know if that makes a difference. Is there an add on I need or something else to get to that data?

[@MarkWattTech]

Hey Ayanes. Glad you found it helpful. You will need to add system monitor to your config. Check out : www.home-assistant.io/integrations/systemmonitor/ That will allow you to view the bits for your Pi. Give me a shout if you need any help. Cheers.

[@synco1985]

for some reason, I don't get the the option to add the card to lovelace, it was installed but it's not showing up in lovelace. any ideas is to why this is happening?

[@MarkWattTech]

Sound like it could be a browser cache issue. Try clear your browser cache and it should show up :)

[@synco1985]

@@MarkWattTech yes, it seems that was it, thank you so much, have a nice day!

[@GENhodgy1971]

Hi Mark, thanks for the video but I tried the first Mini Graph card and I can't find it under add new card?

[@GENhodgy1971]

All good got it sorted

[@MarkWattTech]

@@GENhodgy1971 nice one. Glad you sorted it 👍🏻

[@vaibhavdubey4764]

I have the same problem. I installed mini graph card and I cannot find it under add new card. How did you solve this?

[@petertaylor7134]

I couldn't get the custom graph to display my CPU temp. Is there any more to this?

[@MarkWattTech]

Hey Peter. Have you got System Monitor setup? Check out : www.home-assistant.io/integrations/systemmonitor/

[@petertaylor7134]

@@MarkWattTech I have not. That will be why. Thanks mate.

[@MarkWattTech]

Wicked :) There's a few other handy bits in the System Monitor too :)

[@ortigonover]

Hi ! Do you think HACS are stable and secure enough?

[@MarkWattTech]

Hey Luis. There is always a risk with adding any third party bits to your HA install. But the HA devz are constantly improving and working on security and often any components with vulnerabilities etc are quickly patched and reported by the awesome HA community. I have done a couple of security announcement videos if your interested in any previous HA issues and talk about vulnerabilities and HACS safety. Just be careful where you are adding custom repos from and what scripts and code you copy. Stability wise the components are generally pretty solid and most of the owners update there bits to stay in line with the latest version of HA. Cheers :)

[@ortigonover]

@@MarkWattTech thanks 🫂!! What about doing a video about how to reduce the actual size of the DB and "Keep It Short and Simple"??

[@redlingg]

what if I dont have that custom mini graph card appearing in lovelace options?

[@MarkWattTech]

Try clearing your browser cache if you have installed it. It should then appear :)

[@redlingg]

@@MarkWattTech it gives the option to clear. I pushed the button, reloads, nothing happens...

[@MarkWattTech]

@@redlingg press Ctrl + F5. Then check the list. If its still not there give HA a reboot and double check it added without any errors.

[@redlingg]

@@MarkWattTech maybe the portainer installation is the problem....?

[@LostOnTheLine]

If only someone would make a useful guide for the mini-climate-card. It's great, but the documentation sucks. I'd still recommend it for a video, but know that going in

[@davidbeiler6364]

still waiting on your room assistant video...........

[@EricOnYouTube]

Ok, you defiantly buried the lead. All of those are meh except the last one. Thanks for that one. :)

[@zeezappier7345]

Needs updating with the latest HA update - this video is not relevant at all

[@clairerovic]

Wrong, I just enjoyed looking for a high speed use of the swipe card. Worth noting that this video is referenced on the GitHub