5 FRONTEND HACS (Cards and Elements)

แชร์
ฝัง

ความคิดเห็น • 97

  • @Floris039
    @Floris039 3 ปีที่แล้ว +5

    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
      @MarkWattTech  3 ปีที่แล้ว +2

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

  • @jimdavis3749
    @jimdavis3749 3 ปีที่แล้ว +3

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      Much appreciated! thank you for the feedback :D

  • @gverran
    @gverran 3 ปีที่แล้ว +2

    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
      @MarkWattTech  3 ปีที่แล้ว +2

      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.

  • @clairerovic
    @clairerovic 2 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  2 ปีที่แล้ว +1

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

  • @benilev7328
    @benilev7328 3 ปีที่แล้ว +4

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

  • @lucapontara273
    @lucapontara273 3 ปีที่แล้ว +1

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      Wow thanks Luca. Appreciate it :)

  • @jachencarl
    @jachencarl 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

  • @andymok7945
    @andymok7945 3 ปีที่แล้ว

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

  • @CarlosRuiz-nx3vm
    @CarlosRuiz-nx3vm 3 ปีที่แล้ว +1

    Tremendous video !!, Thks.

  • @tahir8608
    @tahir8608 3 ปีที่แล้ว +1

    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
      @MarkWattTech  3 ปีที่แล้ว

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

  • @henrikbrndgaard6133
    @henrikbrndgaard6133 ปีที่แล้ว

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

  • @claudioluiz11
    @claudioluiz11 3 ปีที่แล้ว +1

    Good job. Thank you.

  • @TheRealAnthony_real
    @TheRealAnthony_real 3 ปีที่แล้ว

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

  • @photelegy
    @photelegy 3 ปีที่แล้ว +2

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

  • @rodneybrown5461
    @rodneybrown5461 2 ปีที่แล้ว

    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
      @MarkWattTech  2 ปีที่แล้ว

      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

  • @dannydigtl
    @dannydigtl 2 ปีที่แล้ว +1

    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!

  • @Betoballestas
    @Betoballestas 2 ปีที่แล้ว

    Boyyyy, love your channel!!

  • @Dave-yf9is
    @Dave-yf9is 2 ปีที่แล้ว +1

    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.

  • @DaMook82
    @DaMook82 2 ปีที่แล้ว

    I nedded the mobile swipe :D Nice.

  • @iliasaitidis6322
    @iliasaitidis6322 2 ปีที่แล้ว +1

    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.

  • @ryanmeek
    @ryanmeek 3 ปีที่แล้ว

    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
      @MarkWattTech  3 ปีที่แล้ว +1

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

  • @guymartialdivakou3861
    @guymartialdivakou3861 3 ปีที่แล้ว

    Very helpful video. Thanks

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

  • @sanjaybali4092
    @sanjaybali4092 3 ปีที่แล้ว +1

    Love from India. Again. ❤️

  • @fredrikpersson7008
    @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
      @MarkWattTech  ปีที่แล้ว

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

  • @robinvandam7705
    @robinvandam7705 3 ปีที่แล้ว

    I really like the banner card

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      Me too! such a great card :)

  • @JoseBerruezo
    @JoseBerruezo 3 ปีที่แล้ว +1

    Nice video.

  • @TheDanhib
    @TheDanhib 3 ปีที่แล้ว +1

    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
      @MarkWattTech  3 ปีที่แล้ว +1

      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.

  • @derekswitzer9624
    @derekswitzer9624 2 ปีที่แล้ว

    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
      @MarkWattTech  2 ปีที่แล้ว

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

  • @martink9785
    @martink9785 3 ปีที่แล้ว

    Great info, thanks 😃

  • @Adgerrard0
    @Adgerrard0 ปีที่แล้ว

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

  • @fefeporcodiaccio
    @fefeporcodiaccio 3 ปีที่แล้ว

    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
      @MarkWattTech  3 ปีที่แล้ว

      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)

  • @praannetwork
    @praannetwork 2 ปีที่แล้ว

    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.

  • @theAVZ
    @theAVZ 3 ปีที่แล้ว

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

  • @glendower5143
    @glendower5143 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

  • @jagadeeshv2763
    @jagadeeshv2763 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว +1

      Hope you found it useful :)

  • @marcellerich
    @marcellerich 3 ปีที่แล้ว

    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
      @MarkWattTech  3 ปีที่แล้ว +1

      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 😁

  • @Lonestar101
    @Lonestar101 2 ปีที่แล้ว +1

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

    • @MarkWattTech
      @MarkWattTech  2 ปีที่แล้ว

      Try clear your browser cache :)

  • @ayanesapolinar3255
    @ayanesapolinar3255 3 ปีที่แล้ว

    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
      @MarkWattTech  3 ปีที่แล้ว +1

      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.

  • @rickz6006
    @rickz6006 2 ปีที่แล้ว

    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?

  • @dmwaeschle
    @dmwaeschle 3 ปีที่แล้ว

    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?

  • @ortigonover
    @ortigonover 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      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
      @ortigonover 3 ปีที่แล้ว +1

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

  • @Fine_i_set_the_handle
    @Fine_i_set_the_handle 2 ปีที่แล้ว +1

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

    • @MarkWattTech
      @MarkWattTech  2 ปีที่แล้ว

      Clear your browser cache and it should appear 🙂

  • @PaPaTheGMan1215
    @PaPaTheGMan1215 3 ปีที่แล้ว

    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.

  • @GENhodgy1971
    @GENhodgy1971 3 ปีที่แล้ว

    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
      @GENhodgy1971 3 ปีที่แล้ว

      All good got it sorted

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว +1

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

    • @vaibhavdubey4764
      @vaibhavdubey4764 2 ปีที่แล้ว

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

  • @maxtrin87
    @maxtrin87 2 ปีที่แล้ว +1

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

    • @MarkWattTech
      @MarkWattTech  2 ปีที่แล้ว

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

  • @petertaylor7134
    @petertaylor7134 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

    • @petertaylor7134
      @petertaylor7134 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

  • @mrteausaable
    @mrteausaable 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      Try clearing your browser cache :)

  • @synco1985
    @synco1985 3 ปีที่แล้ว

    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
      @MarkWattTech  3 ปีที่แล้ว +1

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

    • @synco1985
      @synco1985 3 ปีที่แล้ว

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

  • @redlingg
    @redlingg 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

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

    • @redlingg
      @redlingg 3 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  3 ปีที่แล้ว

      @@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
      @redlingg 3 ปีที่แล้ว

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

  • @EricOnYouTube
    @EricOnYouTube 2 ปีที่แล้ว

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

    • @MarkWattTech
      @MarkWattTech  2 ปีที่แล้ว

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

  • @EricOnYouTube
    @EricOnYouTube 2 ปีที่แล้ว

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

  • @LostOnTheLine
    @LostOnTheLine 2 ปีที่แล้ว

    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
    @davidbeiler6364 3 ปีที่แล้ว

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

  • @zeezappier7345
    @zeezappier7345 2 ปีที่แล้ว

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

    • @clairerovic
      @clairerovic 2 ปีที่แล้ว

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