MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    UNSOLVED Overlapping MMM-RAIN-MAP

    Troubleshooting
    3
    8
    286
    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.
    • C
      codac last edited by

      On the Top-Right area I’m using the weather module, underneath that the MMM-RAIN-MAP module and underneath that the calendar module.

      Currently (as you can see on the screenshot) the MMM-RAIN-MAP module overlays the calendar module. Above the MMM-RAIN-MAP module you can see the red circled header/title of the calendar module, underneath that you see the rain map and underneath that you see the blackened calendar entries.

      The header/title of the calendar module is of course supposed to show up underneath the rain map module.

      Any idea about how to fix that?

      IMG_6906.jpg

      S 1 Reply Last reply Reply Quote 0
      • S
        sdetweil @codac last edited by

        @codac no idea, can u show the config.js for those modules… u can xxxx out any personal detail

        it would be nice to know if the elements are actually laid out that way

        open the developers window, ctrl-shift-i , and select the elements tab

        click the pointer in the top left of that new window and move it over the web content in the left pane til you are over the header and click

        the right window will show the web page content tree… can u screen shot that (may have to edit the image to remove stuff from the left pane)

        Sam

        Create a working config
        How to add modules

        C 1 Reply Last reply Reply Quote 0
        • C
          codac @sdetweil last edited by

          @sdetweil please find my config.js below:

          		{
          			module: "MMM-RAIN-MAP",
          			position: "top_right",
          			config: {
          				animationSpeedMs: 400,
          			colorScheme: 4,
          				colorizeTime: false,
          				defaultZoomLevel: 11,
          				displayTime: true,
          				displayTimeline: true,
          				displayClockSymbol: false,
          				displayOnlyOnRain: false,
          				extraDelayLastFrameMs: 300,
          				extraDelayCurrentFrameMs: 3000,
          				markers: [
          					{ lat: XX.XXX, lng: X.XXX, color: "red" },
          				],
          				mapPositions: [
          					{ lat: XX.XXX, lng: XXXX, zoom: 11, loops: 1 },
          				],
          				mapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png",
          			//	mapUrl: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
          				mapHeight: "315px", // must be a pixel value (no percent)
          				mapWidth: "315px", // must be a pixel value (no percent)
          				maxHistoryFrames: 2,
          				maxForecastFrames: -1,
          				substitudeModules: [],
          				updateIntervalInSeconds: 300,
          			}
          		},
          

          Here are my Screenhots of the development mode:
          Rain Map
          mmm1.jpg

          Calendar
          mmm2.jpg

          S 1 Reply Last reply Reply Quote 0
          • S
            sdetweil @codac last edited by

            @codac thanks… I wanted to see calendar too,…

            also on the dev window, if u navigate to the header above rain, it will show where it is in the tree…

            Sam

            Create a working config
            How to add modules

            1 Reply Last reply Reply Quote 0
            • C
              codac last edited by codac

              @sdetweil hope this is what you asked for:
              mmm-rain-map-html2.png
              mmm-rain-map-calendar.png

              S 1 Reply Last reply Reply Quote 0
              • S
                sdetweil @codac last edited by

                @codac looks like rainmap has defined its own spacing, which overlays the calendar below…

                I’d open an issue on rainmap github …

                Sam

                Create a working config
                How to add modules

                Jalibu 1 Reply Last reply Reply Quote 0
                • Jalibu
                  Jalibu Module Developer @sdetweil last edited by

                  I’ll check that asap

                  Jalibu 1 Reply Last reply Reply Quote 0
                  • Jalibu
                    Jalibu Module Developer @Jalibu last edited by

                    @codac please check my comments on GitHub. I can’t reproduce that

                    1 Reply Last reply Reply Quote 0
                    • 1 / 1
                    • First post
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy