• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

Third-Party Module - how to get help?

Scheduled Pinned Locked Moved Solved Troubleshooting
64 Posts 3 Posters 30.8k Views 4 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 Offline
    sdetweil @ember1205
    last edited by Dec 12, 2019, 11:21 PM

    @ember1205 the pics above are without any mods… installed MM, install the module, linked to my server and started MM… they reach to the top of the window or the side (only a few), never both
    no border around. not used space is filled with the background color.

    if u accidentally zoomed in the browser using ctrl-+, it sadly remembers across instances

    ctrl-minus sign will zoom out again

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    E 1 Reply Last reply Dec 13, 2019, 12:02 AM Reply Quote 0
    • E Offline
      ember1205 @sdetweil
      last edited by Dec 13, 2019, 12:02 AM

      @sdetweil

      I’ll definitely give it a try. But… If it were a browser zoom issue, wouldn’t that prevent the other module from displaying them properly as well?

      S 1 Reply Last reply Dec 13, 2019, 12:09 AM Reply Quote 0
      • S Offline
        sdetweil @ember1205
        last edited by Dec 13, 2019, 12:09 AM

        @ember1205 yes…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil
          last edited by sdetweil Dec 13, 2019, 1:53 AM Dec 13, 2019, 12:45 AM

          I just added a little bit of debug messaging…

          go to the MMM-ImagesPhotos folder, and do a git pull

          then edit the config and add
          debug:true,

          then restart MM

          using keyboard, hit ctrl-shift-i, a window will open on right side, select the tab labeled console, and type
          image into the field labeled filter…

          now u will see messages from the module as it loads images and gets the image actual size, and sets the location and dimension of the image to be displayed… like this sizes are width/height
          top is the top left corner (all locations are relative to the top left corner of the screen, 0,0 is the top left… so 0:72 is all the way left and 72 pixels down. (note its centered, so height+2*offset = max,.

          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          2015+72*2=2159 (of 2160) in this case

          MM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0491.JPG size=4000:6000
          MMM-ImagesPhotos.js:237 image setting size to 1440:2160
          MMM-ImagesPhotos.js:238 image setting top to 791:0
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/PICT0097.JPG size=5472:3648
          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0027.JPG size=6000:4000
          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0476.JPG size=6000:4000
          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0042.JPG size=6000:4000
          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0198.JPG size=6000:4000
          MMM-ImagesPhotos.js:237 image setting size to 3023:2015
          MMM-ImagesPhotos.js:238 image setting top to 0:72
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0720.JPG size=4496:3000
          MMM-ImagesPhotos.js:237 image setting size to 3023:2017
          MMM-ImagesPhotos.js:238 image setting top to 0:71
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0697.JPG size=3000:4496
          MMM-ImagesPhotos.js:237 image setting size to 1441:2160
          MMM-ImagesPhotos.js:238 image setting top to 791:0
          
          MMM-ImagesPhotos.js:222 image loaded=http://localhost:8080/MMM-ImagesPhotos/photo/DSC_0319.JPG size=4000:6000
          MMM-ImagesPhotos.js:237 image setting size to 1440:2160
          MMM-ImagesPhotos.js:238 image setting top to 791:0
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          E 1 Reply Last reply Dec 13, 2019, 1:10 AM Reply Quote 0
          • E Offline
            ember1205 @sdetweil
            last edited by Dec 13, 2019, 1:10 AM

            @sdetweil

            “do a get pull”… To date, I’ve done little with repositories - can you elaborate on how I do this to make sure I do it correctly?

            Also… Some updates.

            1. CTRL - does not affect image size in any way. It DOES affect the sizing of the text for the other modules, though.

            2. I believe that I have determined that the desktop / browser “believes” that it is in portrait mode. The images seem to be getting constrained properly, but because the browser is configured to be as tall as it is, I’m losing all kinds of content off the bottom of the screen. If I do a CTRL-SHIFT-I and then turn on the device toolbar, I see a full vertical representation of the browser and I can see the entire image. As I increase the zoom, it becomes apparent where the image is getting clipped vertically.

            Thoughts?

            S 1 Reply Last reply Dec 13, 2019, 1:32 AM Reply Quote 0
            • S Offline
              sdetweil @ember1205
              last edited by Dec 13, 2019, 1:32 AM

              @ember1205
              do a get pull…

              No
              “do a git pull”

              Do

              cd ~/MagicMirror/modules/MMM-ImagesPhotos
              git pull
              

              That copies the latest from a remote repo and updates the local copy and working directory.

              I don’t understand how electron thinks it should be in portrait mode. Never seen that

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Dec 13, 2019, 1:35 AM Reply Quote 0
              • S Offline
                sdetweil @sdetweil
                last edited by Dec 13, 2019, 1:35 AM

                @sdetweil yeh, you should NOT zoom in

                I wonder if this has anything to do with the fake kms driver?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • E Offline
                  ember1205
                  last edited by Dec 13, 2019, 3:13 AM

                  @sdetweil

                  git pull says everything up to date and didn’t do anything. No image size info available.

                  I tried reverting TO the fake driver as I was not using it (real one instead) and that hasn’t made any difference. I also tried editing the startup file to remove the rotate setting, also didn’t help.

                  S 1 Reply Last reply Dec 13, 2019, 3:18 AM Reply Quote 0
                  • S Offline
                    sdetweil @ember1205
                    last edited by Dec 13, 2019, 3:18 AM

                    @ember1205 did u install.my MMM-ImagesPhotos or the original?

                    I JUST updated mine before telling u, and I just checked the new code is there.

                    In the MMM-ImagePhotos folder do
                    git remote -v
                    Should point to sdetweil

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    E 1 Reply Last reply Dec 13, 2019, 12:51 PM Reply Quote 0
                    • E Offline
                      ember1205 @sdetweil
                      last edited by Dec 13, 2019, 12:51 PM

                      @sdetweil

                      I followed the directions on the page for your module:

                      Clone this repository inside your MagicMirror's modules folder
                      
                      cd ~/MagicMirror/modules
                      
                      git clone https://github.com/roramirez/MMM-ImagesPhotos.git.
                      

                      I saw the reference to roramirez, but as I said - I don’t do a lot with git, so I have to go with what’s on the page. Did that install the original?

                      S 1 Reply Last reply Dec 13, 2019, 12:59 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 4 / 7
                      4 / 7
                      • First post
                        38/64
                        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