• 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.

MMM-GooglePhotos

Scheduled Pinned Locked Moved Entertainment
294 Posts 56 Posters 279.0k Views 59 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.
  • ? Offline
    A Former User @gonzonia
    last edited by Apr 14, 2020, 2:52 PM

    @gonzonia

    A way to select which corners it shows in.

    You can locate it by CSS. I wrote some example on tip section. read the readme

    A way to control the format of the date (X years ago). I’d prefer to see the actual date of the photo.

    It could also be controllable by configuration. Read the readme again.

    G 2 Replies Last reply Apr 15, 2020, 1:30 AM Reply Quote 0
    • G Offline
      gonzonia @Guest
      last edited by Apr 15, 2020, 1:30 AM

      @Sean thanks. Will do.

      1 Reply Last reply Reply Quote 0
      • G Offline
        gonzonia @Guest
        last edited by Apr 16, 2020, 2:18 PM

        @Sean Totally forgot the date formatting (took me a while to see the infobox and I’d forgotten that was in the config). Thanks for pointing that out.

        With the location of the infobox though I’d still like it to move around to prevent burn-in. If I set the position in CSS it’s static. That’s why I was looking at trying a different way. Can I use the callbackfunction to set multiple locations? I’d like it to go back and forth between bottom left and right. I tried modifying the Tip code you had so that the CSS would do that, but it doesn’t seem to be working. I can tweak JS a lot better than I can tweak CSS.

        ? 1 Reply Last reply Apr 17, 2020, 1:22 PM Reply Quote 0
        • Z Offline
          zolabus @orayoflighto
          last edited by Apr 17, 2020, 12:12 PM

          @orayoflighto Same problem for me did you find any solution? Always Loading…after last update

          Z 1 Reply Last reply Apr 17, 2020, 12:56 PM Reply Quote 0
          • Z Offline
            zolabus @zolabus
            last edited by sdetweil Apr 17, 2020, 1:00 PM Apr 17, 2020, 12:56 PM

            @zolabus
            My config is

            {
              module: "MMM-GooglePhotos",
              position: 'middle_center',
              config: {
                albums: ["Noi"], 
                updateInterval: 1000 * 60,  
                sort: "random",
                showWidth: "426px",
                showHeight: "320px"    
              }
            },
            
            S 1 Reply Last reply Apr 17, 2020, 1:02 PM Reply Quote 0
            • S Away
              sdetweil @zolabus
              last edited by Apr 17, 2020, 1:02 PM

              @zolabus please use the markup around config, or code

              triple backtic (on US keyboard to left of the 1 key) on a separate line before and after

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              Z 1 Reply Last reply Apr 17, 2020, 2:49 PM Reply Quote 0
              • ? Offline
                A Former User @gonzonia
                last edited by A Former User Apr 17, 2020, 1:23 PM Apr 17, 2020, 1:22 PM

                @gonzonia

                autoInfoPosition: can have callback function to adjust the position.
                By default, GPHOTO_INFO would have these value;

                #GPHOTO_INFO {
                  position:absolute;
                  top: var(--top);
                  left: var(--left);
                  bottom: var(--bottom);
                  right: var(--right);
                  margin:10px;
                  ...
                

                so if your callback autoInfoPosition(album, photo) might return ['10px', '10px', 'none', 'none'], it will be the same with;

                #GPHOTO_INFO {
                  position:absolute;
                  top:  10px;
                  left:  10px;
                  bottom: none;
                  right: none;
                  margin:10px;
                  ...
                

                You can add some randomized generated value as returns per photo, It will be a help.

                G 1 Reply Last reply Apr 17, 2020, 4:30 PM Reply Quote 0
                • Z Offline
                  zolabus @sdetweil
                  last edited by Apr 17, 2020, 2:49 PM

                  @sdetweil Sorry I don’t understand if is a suggestion for my problem or how to post…
                  Thanks

                  S 1 Reply Last reply Apr 17, 2020, 3:12 PM Reply Quote 0
                  • S Away
                    sdetweil @zolabus
                    last edited by Apr 17, 2020, 3:12 PM

                    @zolabus how to post

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • G Offline
                      gonzonia @Guest
                      last edited by Apr 17, 2020, 4:30 PM

                      @Sean Thanks. I think I have it working. Here’s what I used.

                      autoInfoPosition: (album, photo)=> {
                      					var boolRightLeft= Math.floor(Math.random() * 2);
                      					if (boolRightLeft == 1) {
                      						return ['none', '0', '0', 'none'] // This will show photo info bottom-left corner.
                      					}else{
                      						return ['none', 'none', '0', '0'] // This will show photo info bottom-right corner.
                      					}
                      			}
                      	
                      
                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 20
                      • 21
                      • 22
                      • 23
                      • 24
                      • 29
                      • 30
                      • 22 / 30
                      22 / 30
                      • First post
                        211/294
                        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