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.

    Two modules side by side

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    14 Posts 4 Posters 2.1k 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.
    • M Offline
      MMuser
      last edited by

      Hello, i’d like to position two modules side by side. When i specific same position (for example bottom-left) for two modules, second one is positioned under first one. is it possible to position second module on the right of first one, not using new position bottom-center.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @MMuser
        last edited by

        @mmuser you will have to use CSS for that

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • M Offline
          MMuser
          last edited by

          @sdetweil any suggestion ? i have no experience with css, i was able to change text size and alignment and this is max what i am capable of.

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

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • M Offline
              MMuser
              last edited by

              @hango thank you so much for reply, this is working very good with two different modules, issue is that i have same module in config.js more then once ( reason is that module can show info only from one bus stop and i want more), is it possible to identify instances (something like .first_module_1, .first_module_2) of one module and apply your advice ?

              ? mumblebajM 2 Replies Last reply Reply Quote 0
              • ? Offline
                A Former User @MMuser
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 1
                • mumblebajM Offline
                  mumblebaj Module Developer @MMuser
                  last edited by mumblebaj

                  @mmuser I would suggest that you grab the module_id from the Developer Window|Elements Tab. then use the div id for the module and assign the CSS as per @hango using the div id. If I had 2 instances of MMM-SweepClock in my config it would be assigned module_0_MMM-SweepClock and module_1_MMM-SweepClock

                  3bfbebff-9d7d-4165-83b0-1f4da6ec27ab-image.png

                  Check out my modules at: https://github.com/mumblebaj?tab=repositories

                  ? 1 Reply Last reply Reply Quote 1
                  • ? Offline
                    A Former User @mumblebaj
                    last edited by A Former User

                    This post is deleted!
                    mumblebajM 1 Reply Last reply Reply Quote 0
                    • mumblebajM Offline
                      mumblebaj Module Developer @Guest
                      last edited by

                      @hango Yeah, got you. Just thought it easier to get the div id rather than adding a class to config.

                      Check out my modules at: https://github.com/mumblebaj?tab=repositories

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

                        This post is deleted!
                        S mumblebajM 2 Replies 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 Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy