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.

    Alert box location

    Scheduled Pinned Locked Moved Troubleshooting
    7 Posts 4 Posters 3.8k 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.
    • PointPubMediaP Offline
      PointPubMedia
      last edited by

      Hey guys…

      Anyone manage to get the alert box location to be center/center instead of center/top ?

      bheplerB 1 Reply Last reply Reply Quote 0
      • bheplerB Offline
        bhepler Module Developer @PointPubMedia
        last edited by

        @PointPubMedia Just in case, the name of the position value is “middle_center”. Not “center_center”. Are you getting any errors when you change the position?

        PointPubMediaP 1 Reply Last reply Reply Quote 0
        • PointPubMediaP Offline
          PointPubMedia @bhepler
          last edited by

          @bhepler I tried… but looks like the position value have no effect on the alert module…

          1 Reply Last reply Reply Quote 0
          • MichMichM Offline
            MichMich
            last edited by

            the alert module is a bit of an odd one. It has a specific config option for the position:

            modules: [
                ...
                {
                    module: 'alert',
                    config: {
                        position: "right"
                    }
                }
            ]
            

            But this will only allow you to change it from center to left or right.

            For more info, check: https://github.com/MichMich/MagicMirror/tree/master/modules/default/alert

            PointPubMediaP 1 Reply Last reply Reply Quote 0
            • PointPubMediaP Offline
              PointPubMedia @MichMich
              last edited by

              @MichMich yeah already saw that… but I would like to display it on the center of the height too!

              My MM is a 42" monitor in portrait… so having the alert at the top is not very usefull!

              Any way the module alert can have another option to put it center/center instead of top/left,right,center ?

              1 Reply Last reply Reply Quote 0
              • yawnsY Offline
                yawns Moderator
                last edited by

                I just did a quick test on my laptop.
                Edit ~/MagicMirror/css/custom.css and add the following:

                .ns-box {
                top: 50%;
                }
                

                This should move the alert box to the vertical center. You can use the config position @MichMich mentioned to move to the horizontal center.

                PointPubMediaP 1 Reply Last reply Reply Quote 1
                • PointPubMediaP Offline
                  PointPubMedia @yawns
                  last edited by

                  @yawns AWESOME ;)

                  thanks!

                  1 Reply Last reply Reply Quote 0

                  Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                  Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                  With your input, this post could be even better 💗

                  Register Login
                  • 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