MagicMirror Forum

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

    problem with module place

    Troubleshooting
    4
    14
    3895
    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
      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

      Mykle1 1 Reply Last reply Reply Quote 0
      • Mykle1
        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
          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
            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”,

            Mykle1 cowboysdude 2 Replies Last reply Reply Quote 0
            • Mykle1
              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
                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
                • cowboysdude
                  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
                    kolk123 @cowboysdude last edited by

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

                    cowboysdude 1 Reply Last reply Reply Quote 0
                    • cowboysdude
                      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
                        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.

                        Mykle1 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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy