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

Display the modules exactly on the screen? Define X and Y Coordinate in config.js file?

Scheduled Pinned Locked Moved System
6 Posts 4 Posters 957 Views 4 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.
  • R Offline
    retroflex Project Sponsor Module Developer
    last edited by Apr 7, 2020, 3:01 PM

    Should be possible through css. Haven’t tried this myself, but it should work:

    .clock {
      position: absolute;
      left : 400px;
      top : 100px;
    }
    

    Add it to MagicMirror/css/custom.css

    I think you can use right and bottom instead of left and top also.

    P L 2 Replies Last reply Apr 14, 2020, 5:30 PM Reply Quote 0
    • S Away
      sdetweil @pi-user
      last edited by Apr 7, 2020, 3:07 PM

      @pi-user there is no built in support… the design is a bunch of different areas, and the content should NOT be screen location specific…

      see the index.html for the css area layout

      each area is a stack, 1st in config.js in that area at the top of that area, next under it, next under that…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      P 1 Reply Last reply Apr 15, 2020, 10:02 AM Reply Quote 0
      • P Offline
        pi-user @retroflex
        last edited by Apr 14, 2020, 5:30 PM

        @retroflex Thank you for your answer

        1 Reply Last reply Reply Quote 0
        • P Offline
          pi-user @sdetweil
          last edited by Apr 15, 2020, 10:02 AM

          @sdetweil Thank you very much

          1 Reply Last reply Reply Quote 0
          • L Offline
            lavolp3 Module Developer @retroflex
            last edited by lavolp3 Apr 15, 2020, 10:12 AM Apr 15, 2020, 10:12 AM

            @retroflex @pi-user

            Should be possible through css. Haven’t tried this myself, but it should work:

            .clock {
            position: absolute;
            left : 400px;
            top : 100px;
            }
            Add it to MagicMirror/css/custom.css

            I think you can use right and bottom instead of left and top also.
            That will fail if a parent element is set to position: relative.
            Then this element will arrange itself absolutely INSIDE the parent element/region.

            How to troubleshoot modules
            MMM-soccer v2, MMM-AVStock

            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 Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy