MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Is adding Home Assistant the right way to go?

    Scheduled Pinned Locked Moved General Discussion
    24 Posts 3 Posters 759 Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Do not disturb
      sdetweil @British_Kiwi
      last edited by sdetweil

      @British_Kiwi for synology use the container manager community tool (added to package manager), HA install link https://www.home-assistant.io/installation/alternative/#install-home-assistant-container

      Each App has its own compose file

      You could put docker on pi 4/5

      I run a mosquito mqtt server there too
      And dozzle to be able to see all the container logs
      And uptime-kuma to monitor apps
      And watchtower to keep the containers up to date

      I use zigbee devices, so run the zigbee2mqtt server there too
      And the esphome server for ha integration of esphome devices (new ha assist devices for voice)

      I Moved all my pi docker stuff to synology
      here is a dozzle list of all the containers I am running on my synology 923+ nas, 32 gig memory
      Screenshot at 2025-09-30 17-09-06.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      H 1 Reply Last reply Reply Quote 0
      • H Offline
        Hilt @sdetweil
        last edited by Hilt

        @British_Kiwi

        I too use HA in a container on Synology. I make the dashboards within HA and use iFrame’s to display them on the MagicMirror. This way you can make the dashboards as pretty as you like. You really don’t have limits.

        To get some idea :

        https://forum.magicmirror.builders/topic/19738/home-dashboard?page=1

        Initially I was running an older version of MagicMirror and I had to add the following in the configuration.yaml file of Home Assistant to have them to display :

        http:
          use_x_frame_options: false
        

        To be fair, I haven’t tried excluding this since I rebuilt the MagicMirror using the latest build at the time. But it’s still in there today and isn’t causing any harm. It was more a HA workaround in any case

        B 1 Reply Last reply Reply Quote 1
        • B Offline
          British_Kiwi @Hilt
          last edited by

          @Hilt @sdetweil sorry for the delay in response. School holidays, plus investigating options for heat pumps and keep getting distracted. I did manage to install Docker and Portainer (hadn’t seen your response yet) to my Pi and so am going to have a play with HA today. However, also going to check all your suggestions to see what can be useful :)

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @British_Kiwi
            last edited by

            @British_Kiwi have fun. Lot to learn…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • B Offline
              British_Kiwi
              last edited by

              Hey Sam

              Hope you are having a good week! I’m back! I have had a fun week playing with MM and HA and with a few issues with permissions which I finally fixed I am certainly getting there. So have a couple of questions for you (or anyone else reading along)

              So my set-up is RPi5 with Bookwork. MM is on there and I have used MMM-pages - first page is things like my calendars, weather etc. Second page is currently my testing page, and am going to put the HA on there.

              I have used Docker and Portainer on the RPi for HA. I have created a Dashboard for our solar and batteries etc. I followed the “Home Assistant - Recreate Synergy ‘Home’ Card #184” on here https://github.com/TypQxQ/Sigenergy-Local-Modbus/discussions/184.

              I tried to add iFrame which is now read only so tried MMM-iFrame-Ping. As a basic test I tried to display our (Australia) ABC news site and it couldn’t be displayed. I even just tried google in case it couldn’t go in an iFrame and that didn’t pop up either.

              I then tried MMM-HomeAssistantDisplay and have managed to get the title Home Assistant up but of course the templates on my code don’t exist, but I wanted to clarify something. For this module, can I display a dashboard, or do I have to build the page with templates. Does each template act like a “card”? I haven’t tried to do anything with templates as yet.

              Any pointers? I like the idea of doing both ways, but the first doesn’t work and the second I think I might need to know about templates more.

              S H 2 Replies Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @British_Kiwi
                last edited by sdetweil

                @British_Kiwi Did you add the iframe statement above to the HA config file? Mentioned in
                https://forum.magicmirror.builders/post/128421

                I dont have a lot of experience with either approach
                I used the sample from HoneAssistantDisplay to build a table of settings

                And I just put a dashboard on a pages page w MMM- EmbedUrl
                I didn’t size it so it’s just a corner
                It didn’t work before adding the iframe stmt to ha config

                For the module. I use the programmatic approach
                https://github.com/wonderslug/MMM-HomeAssistantDisplay?tab=readme-ov-file#programmatic-sections

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S 1 Reply Last reply Reply Quote 0
                • H Offline
                  Hilt @British_Kiwi
                  last edited by Hilt

                  @British_Kiwi

                  Try the following :

                  In your HA configuration.yaml file, include the following

                  http:
                    use_x_frame_options: false
                  

                  Restart HA first, wait for it to finish, then restart your MM instance to see if the iFrame shows.

                  If not, give this this older MM module a shot. It’s more straight forward than iFrame Ping and it works with custom button cards ( i use them in my notification area ).

                  Within HA, you can also make use of the Kiosk Mode HACS add-on to hide the header and/or sidebars. Once installed, you simply add the following at the top of your dashboard YAML using the Raw configuration editor ( this step is shown in the vid ).

                  kiosk_mode:
                    non_admin_settings:
                      kiosk: true
                      ignore_entity_settings: true
                  
                  1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @sdetweil
                    last edited by

                    I did have to logon thru the iframe for the dashboard to appear instead of the HA logon panel
                    the logon persisted across MM startups, at least close in time

                    the HomeAssistantDisplay module use the api token

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    B 1 Reply Last reply Reply Quote 1
                    • B Offline
                      British_Kiwi @sdetweil
                      last edited by

                      @sdetweil and @Hilt

                      I have made progress (sort of). Before when I was testing the various versions of iFrames I hadn’t even tried linking to HA and was using basic websites and just couldn’t see it.

                      I commented out the HA Display one for now in case it was all throwing a wobbly and I tested that I could access the HA login screen from the monitor using the browser.

                      I have used this to add an iFrame with the URL for the HA:

                                 {
                      			module: 'iFrame',
                      			position: "fullscreen_above" ,	// This can be any of the regions.
                      			classes: "testing",
                      			config: {
                      				// See 'Configuration options' for more information.
                      					url: "http://xxx.xxx.xx.xx:8123/",
                      					width: "100%", // Optional. Default: 100%
                      					height: "100vh", //Optional. Default: 100px
                      					border: "1px",
                      				},
                      		},
                      

                      I can now see it, but I cannot get it to fill the page. It is a very thin window at the top. I have tried changing height to 100%, but found something on the forum about vh. I have tried fullscreen, fullscreen_below and other sections and nothing seems to make it particularly big.

                      The other thing I have noticed is that on my first page “home” my google calendar is missing, or at least the data has gone. I am using MMM-CalendarExt3 and my Todoist (MMM-Todoist2) list has all gone too. the title is there, but no tasks. I had noticed that the calendar and page indicators etc needed updating so I tried that afterwards, but no luck. Is it because I have multiple places using URLs? The calendar has 5 google calendar’s, though the Todoist is using an API.

                      Apart from that, it is going well 😂

                      S H 2 Replies Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @British_Kiwi
                        last edited by

                        @British_Kiwi you dont want full screen_above, that puts it on top of every other module, hiding them

                        Try mmm-embedurl, works for me

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        B 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy