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.

    The typical beginner question

    Scheduled Pinned Locked Moved Hardware
    15 Posts 4 Posters 2.1k 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.
    • S Do not disturb
      sdetweil @UncleRoger
      last edited by sdetweil

      @UncleRoger said in The typical beginner question:

      I would try to get touch working so as to be able to go to the next/previous month on the calendar (MMM-CalendarExt3)

      if you use pages, add an instance for each page

      mode:month
      monthIndex:0/1/2 for each month on each page (this, next and after)
      if using MMM-pages, used the class name page definitions, then its easy to set
      each instance on a separate page
      here is my config for pages and ext3

           {
              module: "MMM-CalendarExt3",
              position: "middle_center",
              classes: "page1",
              order: "*",
              animateIn: "None",
              animateOut: "None",
              index: 0,
              label: "instance 1",
              config: {
                mode: "month",
                fontSize: "30px",
                monthIndex: 0,
                minimalDaysOfNewYear: "1"
              },
              disabled: false,
              hiddenOnStartup: false,
              configDeepMerge: false
            },
            {
              module: "MMM-CalendarExt3",
              position: "middle_center",
              classes: "page2",
              order: "*",
              animateIn: "None",
              animateOut: "None",
              index: 1,
              label: "instance 2",
              config: {
                mode: "month",
                fontSize: "30px",
                monthIndex: 1
              },
              disabled: false,
              hiddenOnStartup: false,
              configDeepMerge: false
            },
            {
              module: "MMM-CalendarExt3",
              position: "middle_center",
              classes: "page3",
              order: "*",
              animateIn: "None",
              animateOut: "None",
              index: 2,
              label: "instance 3",
              config: {
                mode: "month",
                weekIndex: -1,
                dayIndex: -1,
                weeksInView: 3,
                cellDateOptions: {
                  month: "short",
                  day: "numeric"
                },
                eventTimeOptions: {
                  timeStyle: "short"
                },
                headerWeekDayOptions: {
                  weekday: "long"
                },
                headerTitleOptions: {
                  month: "long"
                },
                maxEventLines: 5,
                fontSize: "30px",
                eventHeight: "22px",
                refreshInterval: 120000,
                waitFetch: 5000,
                glanceTime: 60000,
                animationSpeed: 2000,
                useSymbol: true,
                useWeather: true,
                popoverTemplate: "./popover.html",
                popoverTimeout: 30000,
                popoverPeriodOptions: {
                  dateStyle: "short",
                  timeStyle: "short"
                },
                popoverDateOptions: {
                  dateStyle: "full"
                },
                displayCW: true,
                animateIn: "fadeIn",
                animateOut: "fadeOut",
                showMore: true,
                useIconify: true,
                skipDuplicated: true,
                monthIndex: 2,
                displayLegend: false,
                displayEndTime: false,
                displayWeatherTemp: false,
                skipPassedEventToday: false,
                useMarquee: false,
                customHeader: false,
                weekends: [],
                calendarSet: []
              },
              disabled: false,
              hiddenOnStartup: false,
              configDeepMerge: false
            },
            {
              module: "MMM-pages",
              disabled: false,
              config: {
                modules: [
                  [
                    "page1"
                  ],
                  [
                    "page2"
                  ],
                  [
                    "page3"
                  ]
                ],
                fixed: [
                  "fixed"
                ],
                hiddenPages: {
                  screenSaver: [],
                  admin: []
                },
                rotationTime: 60000
              },
              order: "*"
            },
      

      use the page-indicator module to add buttons for the pages… (and you can customize the buttons with css)

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      UncleRogerU 1 Reply Last reply Reply Quote 0
      • UncleRogerU Offline
        UncleRoger @sdetweil
        last edited by

        @sdetweil

        An interesting idea but I think I’ve got too many pages as it is – I’ve got three currently and going to switch to six soon – but it’s not enough of an issue to really put much thought into. Thanks though!

        1 Reply Last reply Reply Quote 0
        • _ Offline
          _V_
          last edited by

          Hey guys

          Thanks for all the interesting info.
          I guess Ill go as you both advised - Ill get a Pi ( usually I buy overpowered stuff anyways ^^ ) and a flat screen to try around and get things started. If you say, itll be easier to enter with another device like smartphone, this will surely be the way I am following then.

          Ill be back with some errors Ill make while setting up the Pi and MM software ;)

          @UncleRoger a last question though: Ive read a lot about screens which need to have some ports ( hdmi or something ) located on special place or direction - you dont got a recommendation for a screen 17" to 20" which meets those conditions?

          S UncleRogerU 2 Replies Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @_V_
            last edited by

            @_V_ use (my) the installer script listed as alternative ways to install

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 1
            • _ Offline
              _V_
              last edited by

              Guys, thanks for the interesting thoughts.
              @sdetweil If you say itll be easier with the phone, Ill surely go that way.

              @UncleRoger you maybe wanna share a pic or two of this controller and how it is connected? :)
              I guess Ill do as you adviced and get a Pi. Actually I already got one to play some retro games with it.
              Usually I buy overpowered hardware, just cause Im one of those victims who can hardly resist ^^

              Just a last question: So Ive read a couple of times that people warn to check for the right angle/position/whatever of the hdmi port of the screen - is this more related to the people who plan on put the screen into a housing / behind a frame? I guess with a 90° or even 180° adapter itll be good for me if I am going to attach it to a wall?
              Out of curiousity: Any screen suggestions?

              Thanks a lot again

              S UncleRogerU 3 Replies Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @_V_
                last edited by

                @_V_ the hdmi port is really about keeping the mirror box thinner off the wall

                they also make adapters for adjusting the angle

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 1
                • UncleRogerU Offline
                  UncleRoger @_V_
                  last edited by

                  @_V_ said in The typical beginner question:

                  a last question though: Ive read a lot about screens which need to have some ports ( hdmi or something ) located on special place or direction - you dont got a recommendation for a screen 17" to 20" which meets those conditions?

                  I just used a monitor I had lying about. iirc, I used a 90° right-angle m-f hdmi adapter to get the cable going in the right direction. I also played around with a few different cables to find ones with small enough connectors. But that’s something to worry about once you go from getting modules set up and all to the point of actually figuring out how you’re going to mount it.

                  1 Reply Last reply Reply Quote 0
                  • UncleRogerU Offline
                    UncleRoger @_V_
                    last edited by

                    @_V_ said in The typical beginner question:

                    you maybe wanna share a pic or two of this controller and how it is connected? :)
                    I guess Ill do as you adviced and get a Pi. Actually I already got one to play some retro games with it.
                    Usually I buy overpowered hardware, just cause Im one of those victims who can hardly resist ^^

                    Unfortunately, I don’t really have any good pictures of how the Pi and monitor are connected. The Pi itself sits in a little bracket my son designed and 3d printed.

                    The whole mounting process went a little cattywumpus because it turns out that the box that holds the monitor electronics isn’t connected to the screen, other than by a couple of pieces of tape and I was mounting everything and then it started to fall apart and fall off the wall so I panicked and just screwed it to the wall. One of these days, I’m going to have to deal with that but that’s a problem for future me. 8^)

                    1 Reply Last reply Reply Quote 1
                    • UncleRogerU Offline
                      UncleRoger @_V_
                      last edited by

                      @_V_ said in The typical beginner question:

                      Just a last question: So Ive read a couple of times that people warn to check for the right angle/position/whatever of the hdmi port of the screen - is this more related to the people who plan on put the screen into a housing / behind a frame? I guess with a 90° or even 180° adapter itll be good for me if I am going to attach it to a wall?
                      Out of curiousity: Any screen suggestions?

                      The adapters are really just so you can get things to fit in the frame or whatever you’re using to mount it. I’m working on a small one for my son where I have 180° adapters for power & hdmi for the screen to save space and get the cables going in the right direction. I went through a lot of different adapters to get that right. (Aliexpress can be your friend here.)

                      I just used a monitor I had already. It happened to fit the space I wanted it for. Basically, any monitor will work. Note that different size screens (esp. screen ratio – width to height) will display things differently.

                      1 Reply Last reply Reply Quote 2
                      • J Offline
                        JohnGalt @UncleRoger
                        last edited by

                        @UncleRoger – +1 on having a separate Magic Mirror instance for development (“dev instance”)! I have a small virtual machine running Magic Mirror where I can try out changes or new modules without disturbing my main instance. I don’t bother with a monitor, just display it on my desktop.

                        1 Reply Last reply Reply Quote 1
                        • 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