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.

    MMM-CalendarExt2 vertical orientation positioning

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    17 Posts 3 Posters 5.5k 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
      Michelle.H2020
      last edited by sdetweil

      I am using MMM-Calendar ext 2 and a vertical orientation is there a way to make the calender on the lower half of the screen? Anyone have pictures of vertical orientation set up with configurations? Thanks!

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Michelle.H2020
        last edited by

        @Michelle-H2020 its all the same, use one of the bottom regions, or middle

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          Michelle.H2020 @sdetweil
          last edited by

          @sdetweil

          https://share.icloud.com/photos/0f6Xo23_KyxA9_avmzoTSWAOQ

          This is my setup it is taking up the whole screen when I use bottom half I want it on the lower portion condensed .

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Michelle.H2020
            last edited by

            @Michelle-H2020 and what position do you have the module configured for?

            show the module config, (you can xxx out the urls…)

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            M 1 Reply Last reply Reply Quote 0
            • M Offline
              Michelle.H2020 @sdetweil
              last edited by sdetweil

              @sdetweil

              {
                module: 'MMM-CalendarExt2',
              position:.......  //<-----  mm position missing.
                config: {
                  calendars : [
                    {
                      url: "https://calendar.google.com/calendar/XXXXXXCXXXbasic.ics",
                      
                    },
              {
                url: "https://calendar.google.com/calendarXXXXXXXXXXXXbasic.ics",
                name: "michelles",
                maxItems: 20,
                scanInterval: 1000*60*30,
                beforeDays: 60,
                afterDays: 365,
                maxIterations: 100,
                forceLocalTZ: false,
                replaceTitle:[],
                icon: "noto-beach-with-umbrella",
                className: "michelle",
               
                filter: (event)=>{return true}
              }
                  ],
                  views: [
                    {
                      mode: "week",
                    },
              
              {
                name: "halfscreen view",
                mode: "weekly",
                position: "halfscreen_below",
                title: "My Schedule",
                fromNow: -1,
                slotCount: 4,
                slotMaxHeight: "60px",
                showWeekends: true,
              },
              {
                name: "VIEW1",
                mode: "daily",
                title: "My Schedule",
                position: "top_left",
              },
                  ],
                  scenes: [
                    {
                      name: "DEFAULT",
                    },
                  ],
                },
              
              S M 2 Replies Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @Michelle.H2020
                last edited by

                @Michelle-H2020

                1st you should move to CalendarExt3, as ext2 is not really supported anymore…

                @MMRIZE can you help here?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  Michelle.H2020 @sdetweil
                  last edited by

                  @sdetweil ahh ok let me try the ext3 I had only used this one because of a youtube video that I was following, and a calander that finally actually worked for me as the others were not showing up on the screen.

                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @Michelle.H2020
                    last edited by

                    @Michelle-H2020 ext no longer reads the calendar itself, but relies on the built in calendar module to do that and broadcast the event data and Ext3 reads that broadcast…

                    you can have the default cal not on screen (no position), but still broadcasting so there is a decent amount of change, but ext3 does honor some MM positions, so you can have it lower,

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    M 2 Replies Last reply Reply Quote 0
                    • M Offline
                      Michelle.H2020 @sdetweil
                      last edited by sdetweil

                      @sdetweil

                      I get a bunch of red errors when trying to run the Ext 3

                      {
                        module: "MMM-CalendarExt3",
                        position: "bottom_bar",
                        title: "test",
                        config: {
                          mode: "month",
                          instanceId: "basicCalendar",
                          locale: 'de-DE',
                          maxEventLines: 5,
                          firstDayOfWeek: 1,
                          calendarSet: "my test",
                         
                        }
                      },
                      {
                        module: "calendar",
                        position: "top_left",
                        config: {
                          broadcastPastEvents: true, 
                          calendars: [
                            {
                              
                      	url: "https://calendar.google.com/calendar/XXXXXXXXX/public/basic.ics",
                              name: "test", 
                              color: "red",
                            },
                      

                      I use this and get the error
                      01.11.2023 17:10.06.203] [ERROR] WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: /home/mirror/MagicMirror/config/config.js:186
                      };

                      SyntaxError: Unexpected token ‘;’
                      at internalCompileFunction (node:internal/vm:73:18)
                      at wrapSafe (node:internal/modules/cjs/loader:1185:20)
                      at Module._compile (node:internal/modules/cjs/loader:1227:27)
                      at Object…js (node:internal/modules/cjs/loader:1326:10)

                      not sure where the error is

                      S 1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @Michelle.H2020
                        last edited by

                        @Michelle-H2020 So what is above line 186 where the semicolon is?

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • M Offline
                          MMRIZE @Michelle.H2020
                          last edited by

                          @Michelle-H2020
                          CX2 doesn’t respect usual MM’s positioning. It manage number of “views” in multi-positions, so you need to assign position to each “view”, not module itself.
                          Read manuals.

                          • https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/main/docs/Configuration.md

                          • https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/main/docs/Configuration/View.md

                          And other documents also.

                          S 1 Reply Last reply Reply Quote 0
                          • S Do not disturb
                            sdetweil @MMRIZE
                            last edited by

                            @MMRIZE I think she’s trying EXT 3 now

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • M Offline
                              Michelle.H2020 @sdetweil
                              last edited by

                              @sdetweil

                              [01.11.2023 19:44.21.401] [ERROR] WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: /home/mirror/MagicMirror/config/config.js:189
                              if (typeof module !== “undefined”) {module.exports = config;}
                              ^^^^^^

                              SyntaxError: Unexpected token ‘typeof’
                              at internalCompileFunction (node:internal/vm:73:18)
                              at wrapSafe (node:internal/modules/cjs/loader:1185:20)
                              at Module._compile (node:internal/modules/cjs/loader:1227:27)
                              at Object…js (node:internal/modules/cjs/loader:1326:10)
                              at Module.load (node:internal/modules/cjs/loader:1126:32)
                              at node:internal/modules/cjs/loader:967:12
                              at Function._load (node:electron/js2c/asar_bundle:2:13327)
                              at Module.require (node:internal/modules/cjs/loader:1150:19)
                              at require (node:internal/modules/cjs/helpers:110:18)
                              at loadConfig (/home/mirror/MagicMirror/js/app.js:117:14)
                              at App.start (/home/mirror/MagicMirror/js/app.js:247:18)
                              at Object. (/home/mirror/MagicMirror/js/electron.js:190:7)
                              at Module._compile (node:internal/modules/cjs/loader:1271:14)
                              at Object…js (node:internal/modules/cjs/loader:1326:10)
                              at Module.load (node:internal/modules/cjs/loader:1126:32)
                              at node:internal/modules/cjs/loader:967:12

                              This is starting at line 180 so there is nothing really there at all??

                              		}
                              	},
                              	
                              ]
                              

                              },

                              /*************** DO NOT EDIT THE LINE BELOW ***************/
                              if (typeof module !== “undefined”) {module.exports = config;}

                              S 1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @Michelle.H2020
                                last edited by

                                @Michelle-H2020 well, it appears you deleted a closing }
                                when u pasted in the new module entry

                                look at the bottom of the config.js.sample file in the same folder

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                M 1 Reply Last reply Reply Quote 0
                                • M Offline
                                  Michelle.H2020 @sdetweil
                                  last edited by

                                  @sdetweil

                                  Not sure what I did :/ pretty sure I will have to start over and just copy and paste a default config. Do you think I can delete and just copy the whole screw of the sample ?

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @Michelle.H2020
                                    last edited by

                                    @Michelle-H2020 when i use my script, I copy the sample to config.js

                                    mv config.js broken-config
                                    cp config.js.sample config.js
                                    

                                    then move your good parts from broken to config.js

                                    a module is

                                    {
                                       module: ...name
                                        ...
                                       config: {
                                         .....
                                       }
                                    },
                                    

                                    always make sure the open { matches the close }

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • M Offline
                                      Michelle.H2020
                                      last edited by

                                      I seem to have got it working I am just wondering how I adjust the events so I don’t just see a few letters of the event, and also the cell height adjustment code when I looked under the module it says

                                      manipulateDateCell callback function See the manipulating dateCell part.

                                      can you give me any info on this? 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