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 764 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.
    • B Online
      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
        • B Online
          British_Kiwi @sdetweil
          last edited by

          @sdetweil . I’ll try that tomorrow. Just about to head to bed.

          I think I might know why I lost my google calendar in the meantime. I had seen there were updates which I had been ignoring, but in the end i updated the calendar, pages and page indicator. I have since seen that the new MM update has impacts on the calendar and looks like my nodjs was an old version. I followed your instructions from here https://forum.magicmirror.builders/topic/19770/nodejs-version-update-issue/2?_=1759892047767 and have updated nodejs to v 22.18, but I still don’t have any calendars showing.

          A problem for another night!

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

            @British_Kiwi if you had used the upgrade script it would have been done for you

            Nothing in the MagicMirror upgrade should have affected calendar.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @British_Kiwi MagicMirror is a 3 layer design

              Full screen_below on the bottom
              Module positions. (These will hide parts of fs_below)
              Fullscreen_above on top (this will hide anything below it), great for a security panel when no one is around, for example

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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

                @British_Kiwi

                You can also try placing it bottom right and sizing by pixel count, increasing gradually until you reach your monitors full(ish) resolution

                I haven’t tried full screen. But one of my configs looks like this :

                                {
                                        module: "iFrame",
                                        position: "bottom_right",
                                        header: "HOUSE STATISTICS",
                                        config: {
                                                url: "http://192.168.1.4:8123/mm-dash-right",
                                                        width: "410px",
                                                        height: "215px"
                                }
                                },
                

                If I increase width, the iframe expands to the left. If I increase height, it expands up. Worth a shot.

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

                  @sdetweil and @Hilt

                  Sam, I usually use your script (not quite sure why I didn’t, blaming lack of sleep). I have run it and all running correctly. keep getting a message about environment variables, but have been running the following code which seems to sort it till the next time.

                  pm2 restart 0 --update -env
                  

                  Thanks for giving more details about fullscreen below and above. I don’t have anything else on that page, so I am surprised why this didn’t fill up the screen.

                  @Hilt I ended up using your code about using bottom_right and after a bit of tweaking and I can now see it. just need to log in.

                  My main problem now (there is always one) , is that I still can’t get the calendar to populate or todoist. Of course, my last back up was not just before this stopped working and I think it was around the time I updated the module. However, I didn’t update the Todoist module so a bit baffled. I’ll have to check my code and see if I have inadvertently done something. I am using VSCode and doesn’t look like I have, but will go through it carefully after work. Here is what it looks like now:
                  MM.jpg

                  I do have to tweak my sizing of the modules on my home page as there is a little overlap when everything is populated, but apart from that this page was working well.
                  Anyway , have a great day :)

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

                    @British_Kiwi ok

                    Calendarext3 gets its events from the default calendar module
                    Do you have that configured, and does it work?
                    To
                    Make it not show just comment out its position using // in front of that line

                    Now, because ext3 gets events from the default calendar module, and there couple be many individual calendars contributing events, the developer doesn’t want the screen to be flashing for individual updates

                    So there is a cycle, refresh interval, default 10 minutes
                    So every 10 minutes the events received since last time will be displayed

                    Now the first time you don’t want to wait 10 mins
                    So there is a waitFetch parm, 5 seconds

                    After 5 seconds, whatever events have arrived will be drawn, even if none, then we wait refreshInterval and do it again

                    You can increase the waitFetch time, side effect is NO Display til after that time limit

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil the default calendar isn’t working either! I have commented out ext3, I have reduced the calendar entries on the default calendar to just Australian holidays in case Google is having a fit! It just says loading. I had not touched any of this code in the config at all. I have seen there have been cases of calendar’s not loading last January and few again now. Is it worth me raising it on the github discussion or issue list?

                      https://github.com/MMRIZE/MMM-CalendarExt3/issues ?

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

                        @British_Kiwi can you look at the output of npm start to see if an error is reported

                        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