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.

    problem with module place

    Scheduled Pinned Locked Moved Troubleshooting
    14 Posts 4 Posters 5.9k 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.
    • K Offline
      kolk123
      last edited by kolk123

      hello!
      If got a problem.
      Last night i added a Iframe on my mirror.
      i linked it to my ipcamera link so i can see who’s at the front door.
      now i wanna place the module to the middle. its not in de center
      how can i do that? Printscreen Link

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @kolk123
        last edited by

        @kolk123 said in problem with module place:

        how can i do that?

        In your custom.css file you could try:

        .iFrame {
          margin-left: -200px;
        }
        

        Adjust accordingly

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • R Offline
          richfreeman
          last edited by

          Hi Kolk,
          Could you post the config.js relating to this iframe please.
          I’m having difficulty getting an iframe to appear on MMM.

          Thanks.

          1 Reply Last reply Reply Quote 0
          • K Offline
            kolk123
            last edited by

            Thanks for reply mykle1
            if put it in to the css but didnt work. even with iframereload in the line between body
            do you have more sugestions?

            richfreeman
            i use MMM-Iframe reload with this code
            {
            module: “MMM-iFrameReload”,
            position: “top_center”,
            header: “”,
            config: {
            url: “http://xxx-xxxx/stream/video/mjpeg”,
            width: “215%”,
            height: “500px”,
            position: “fixed”,

            Mykle1M cowboysdudeC 2 Replies Last reply Reply Quote 0
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @kolk123
              last edited by

              @kolk123 said in problem with module place:

              module: “MMM-iFrameReload”,

              Oh, you said iFrame in your original post. No mention of “MMM-iFrameReload”. So, substitute that for iFrame. The entry does not go in the body of the custom.css file

              Create a working config
              How to add modules

              K 1 Reply Last reply Reply Quote 0
              • K Offline
                kolk123 @Mykle1
                last edited by

                @Mykle1 no sorry your totally right!!
                I tried also without the body but that didn’t work.

                1 Reply Last reply Reply Quote 0
                • cowboysdudeC Offline
                  cowboysdude Module Developer @kolk123
                  last edited by

                  @kolk123 said in problem with module place:

                  width: “215%”,

                  Why are you using 215% for width? That’s a pretty big number…

                  K 1 Reply Last reply Reply Quote 0
                  • K Offline
                    kolk123 @cowboysdude
                    last edited by

                    @cowboysdude if I use less than shows the scroll bar.

                    cowboysdudeC 1 Reply Last reply Reply Quote 0
                    • cowboysdudeC Offline
                      cowboysdude Module Developer @kolk123
                      last edited by cowboysdude

                      @kolk123 try this in your custom css

                      body {
                      overflow:hidden;
                      }

                      or this

                      ::-webkit-scrollbar {
                      display: none;
                      }

                      K 1 Reply Last reply Reply Quote 0
                      • K Offline
                        kolk123 @cowboysdude
                        last edited by

                        @cowboysdude
                        Thanks for you response.! I can do that but if I make it smaller my camera shows not the hole screen. The resolution of the camera is high so if I make it smaller i can’t see everything. only thing I want is the screen in the middle.

                        Mykle1M 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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