MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    UNSOLVED middle_left, middle_center, middle_right

    Troubleshooting
    2
    5
    2075
    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.
    • evroom
      evroom last edited by

      Hi,

      As far as I can see, there is only a middle_center position.
      Would it be possible to have a middle_left, middle_center and middle_right position ?

      For top and bottom this exists, just not for middle (or the upper_third and lower_third).

      For some reason I found the need for:

      .region.middle.center {
        width: 60%;
      }
      

      But everything for middle_center is now left aligned and I find it hard to place a module in the middle_center right aligned.

      So, I am in control of my defence and my strikers, but my center players are out of control 🙂

      MagicMirror version: 2.23.0
      Raspberry Pi 3 Model B Plus Rev 1.3
      Raspbian GNU/Linux 10 (buster)

      ? 1 Reply Last reply Reply Quote 0
      • ?
        A Former User @evroom last edited by A Former User

        @evroom
        So, do you want to align some elements(text or somethings) to the right in middle_center?

        .region.middle.center {
          text-align:right;
        }
        

        Try this…

        1 Reply Last reply Reply Quote 0
        • evroom
          evroom last edited by

          Actually, I want to divide the middle section in 60% and 40%.

          I have my monitor rotated (portrait mode), so dividing in more parts does not make sense in terms of readability, but I guess persons with the monitor in landscape mode might want 25% - 50% - 25% (as an example).

          So, therefore I changed the middle center to 60%, which results in a middle section of 60% on the right-hand-side.
          And an empty middle section of 40% on the left-hand-side.
          The modules in the positions top_right and bottom_right do fill parts of on the right-hand-side, but I do not have control of the (top)-alignment.
          A center_left and center_right would help here.
          I hope it a bit clear. Not that easy to explain.

          I was looking for something like this:

          .region.left.center {
            width: 60%;
          }
          .region.middle.center {
            width: 0%;
          }
          .region.right.center {
            width: 40%;
          }
          

          MagicMirror version: 2.23.0
          Raspberry Pi 3 Model B Plus Rev 1.3
          Raspbian GNU/Linux 10 (buster)

          ? 1 Reply Last reply Reply Quote 0
          • ?
            A Former User @evroom last edited by

            @evroom
            You can escape MM’s region boundary using

            position:absolute;
            

            or

            position:relative;
            

            But you should have some knowledge or experience about CSS.

            1 Reply Last reply Reply Quote 0
            • evroom
              evroom last edited by

              @Sean,

              Thanks.
              Just starting to understand a little bit about CSS, so better to try different options.
              One being:

              Multiple modules with the same position will be ordered based on the order in the configuration file.
              

              I will order my modules in the config.js, as there are now placed randomly, and then see if it fits my expectations.

              MagicMirror version: 2.23.0
              Raspberry Pi 3 Model B Plus Rev 1.3
              Raspbian GNU/Linux 10 (buster)

              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