Navigation

    MagicMirror Forum

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

    Module position

    Forum
    module
    2
    4
    79
    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.
    • G
      George last edited by

      Hello,
      I’m a novice, now I’ve built the first mirror. I want to position a module in a certain area, I tried with:
      module: “MMM-MoonPhase”,
      position: {
      left: calc (100 vh - 50%),
      top: calc (100wv - 40%)
      }
      config: {

      But it does not work. How should the code be written? Thanks

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

        @George Hi, you use the defined “regions”: https://forum.magicmirror.builders/topic/286/regions
        Like this, this is from my config:

        		{
        			disabled: false,
        			module: "MMM-MoonPhase",
        			position: "top_right", // This is the region... 
        			config: {
        				updateInterval: 43200000,
        				hemisphere: "N",
        				resolution: "detailed",
        				basicColor: "white",
        				title: true,
        				phase: true,
        				x: 150,
        				y: 150,
        				alpha: 0.7
        			}
        		},
        
        G 1 Reply Last reply Reply Quote 0
        • G
          George @Snille last edited by

          @Snille , thanks for the reply. I want to partially overlap another module over the “Moon” module. For this I need a positioning with coordinates, otherwise they will not overlap. Do you have any idea how I can do it?

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

            @George Oh, no, not really, but I’m sure it’s possible with CSS, so it would be in your “custom.css” file you should do what’s needed…
            Maybe some one else knows? 🙂

            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