• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

scaling gone wonky

Scheduled Pinned Locked Moved Solved Troubleshooting
16 Posts 4 Posters 1.5k 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.
  • C Offline
    cyclonej @sdetweil
    last edited by Dec 25, 2024, 4:55 AM

    @sdetweil

    I went ahead and installed Ext3. This looks just as bad as Ext2. The calendar is occupying the whole screen. I think something has gone arwy in MM. Normal websites look fine. Its just in the MM page that the calendar is too big and i guess the date/time and weather information seem larger/wider than they should be.

    In case I forgot to mention earlier, I have my display in portrait orientation

    .

    f9e55f89-b6c1-46e9-a8ac-69abbcb2779e-image.png

    new config.js

    /* Config Sample
     *
     * For more information on how you can configure this file
     * see https://docs.magicmirror.builders/configuration/introduction.html
     * and https://docs.magicmirror.builders/modules/configuration.html
     *
     * You can use environment variables using a `config.js.template` file instead of `config.js`
     * which will be converted to `config.js` while starting. For more information
     * see https://docs.magicmirror.builders/configuration/introduction.html#enviromnent-variables
     */
    let config = {
    	address: "localhost",	// Address to listen on, can be:
    							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
    							// - another specific IPv4/6 to listen on a specific interface
    							// - "0.0.0.0", "::" to listen on any interface
    							// Default, when address config is left out or empty, is "localhost"
    	port: 8080,
    	basePath: "/",	// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
    									// you must set the sub path here. basePath must end with a /
    	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],	// Set [] to allow all IP addresses
    									// or add a specific IPv4 of 192.168.1.5 :
    									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
    									// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
    									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
    
    	useHttps: false,			// Support HTTPS or not, default "false" will use HTTP
    	httpsPrivateKey: "",	// HTTPS private key path, only require when useHttps is true
    	httpsCertificate: "",	// HTTPS Certificate path, only require when useHttps is true
    
    	language: "en",
    	locale: "en-US",
    	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
    	timeFormat: 12,
    	units: "imperial",
    
    	modules: [
    		{
    			module: "alert",
    		},
    		{
    			module: "updatenotification",
    			position: "top_bar"
    		},
    		{
    			module: "clock",
    			position: "top_left"
    		},
    		{
    			module: "weather",
    			position: "top_right",
    			config: {
    				weatherProvider: "openmeteo",
    				type: "current",
    				lat: REDACTED
    				lon: REDACTED
    			}
    		},
    		{
    			module: "calendar",
    			header: "REDACTED",
    			position: "top_left",
    			config: {
    				calendars: [
    					{
    						name: "REDACTED",
    						symbol: "calendar-xmark",
    						coloredBackground: true,
    						bgColor: "white",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "cake-candles",
    						coloredBackground: true,
    						bgColor: "white",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "google",
    						coloredBackground: true,
    						bgColor: "white",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "truck",
    						coloredBackground: true,
    						bgColor: "green",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "basketball",
    						coloredBackground: true,
    						bgColor: "orange",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "school-circle-xmark",
    						coloredBackground: true,
    						bgColor: "red",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "school",
    						coloredBackground: true,
    						bgColor: "blue",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    					{
    						name: "REDACTED",
    						symbol: "school-circle-exclamation",
    						coloredBackground: true,
    						bgColor: "white",
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						url: "REDACTED",
    					},
    				]
    			}
    		},
    		{
    			module: "MMM-CalendarExt3",
    			position: "bottom_bar",
    			title: "",
    			config: {
    				mode: "month",
    				instanceId: "basicCalendar",
    				locale: 'en-US',
    				maxEventLines: 7,
    				firstDayOfWeek: 1,
    				calendarSet: [],
    			}
    		}
    	]
    };
    
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== "undefined") { module.exports = config; }
    
    
    1 Reply Last reply Reply Quote 0
    • M Offline
      mumblebaj Module Developer @cyclonej
      last edited by Dec 25, 2024, 6:24 AM

      @cyclonej Seems like a default screen resolution issue for me as some of the other modules are overlapping as well and they look unusually big. Suggest you try a different resolution setting and see if that resolves?

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

      1 Reply Last reply Reply Quote 0
      • M Offline
        MMRIZE @cyclonej
        last edited by Dec 25, 2024, 12:50 PM

        @cyclonej
        Show me the whole screen capture. And what resolution the screen has?

        C 1 Reply Last reply Dec 25, 2024, 6:08 PM Reply Quote 0
        • C Offline
          cyclonej @MMRIZE
          last edited by cyclonej Dec 25, 2024, 7:03 PM Dec 25, 2024, 6:08 PM

          @MMRIZE

          Currently 1024x768, maximum allowed.

          9e5151d4-0d02-494f-82e4-3631a6c80803-image.png

          S 1 Reply Last reply Dec 25, 2024, 6:45 PM Reply Quote 0
          • S Away
            sdetweil @cyclonej
            last edited by Dec 25, 2024, 6:45 PM

            @cyclonej horizontal/landscape mode, MagicMirror is designed for 1920x1080

            so in portrait mode it should be 1080x1920

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            C 1 Reply Last reply Dec 25, 2024, 7:04 PM Reply Quote 0
            • C Offline
              cyclonej @sdetweil
              last edited by Dec 25, 2024, 7:04 PM

              @sdetweil

              I am marking this as solved. I think when I first booted up the Raspberry Pi, the resolution was 1920x1080. I am not sure what is preventing from going to that resolution now. That is where I will focus my troubleshooting.

              Thanks all for the assistance.

              C 1 Reply Last reply Dec 25, 2024, 10:04 PM Reply Quote 0
              • C cyclonej has marked this topic as solved on Dec 25, 2024, 7:04 PM
              • C Offline
                cyclonej @cyclonej
                last edited by Dec 25, 2024, 10:04 PM

                @cyclonej said in scaling gone wonky:

                @sdetweil

                I am marking this as solved. I think when I first booted up the Raspberry Pi, the resolution was 1920x1080. I am not sure what is preventing from going to that resolution now. That is where I will focus my troubleshooting.

                Thanks all for the assistance.

                I spent another couple hours trying things in the preferences, display settings, even tried to modify the /boot/config to no avail. I then reseated the HDMI cable and the OS started allowing resolutions up to 1920x1080. MM looks great again!

                Thanks again everyone for your help.

                S C 2 Replies Last reply Dec 25, 2024, 11:11 PM Reply Quote 0
                • S Away
                  sdetweil @cyclonej
                  last edited by Dec 25, 2024, 11:11 PM

                  @cyclonej always amazed at how the simple this cause so much trouble

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • C cyclonej has marked this topic as solved on Dec 26, 2024, 11:59 PM
                  • C Offline
                    cyclonej @cyclonej
                    last edited by Dec 27, 2024, 2:49 AM

                    @cyclonej said in scaling gone wonky:

                    @cyclonej said in scaling gone wonky:

                    @sdetweil

                    I am marking this as solved. I think when I first booted up the Raspberry Pi, the resolution was 1920x1080. I am not sure what is preventing from going to that resolution now. That is where I will focus my troubleshooting.

                    Thanks all for the assistance.

                    I spent another couple hours trying things in the preferences, display settings, even tried to modify the /boot/config to no avail. I then reseated the HDMI cable and the OS started allowing resolutions up to 1920x1080. MM looks great again!

                    Thanks again everyone for your help.

                    After I got everything working nicely, I disconnected everything to move to the permanent installation location. Hung everything on kitchen wall, then reconnected everything and powered on… screen resolution stuck back on 1024x768.

                    30191b4c-f159-4e8e-acbb-5bd0969cf829-image.png

                    S 1 Reply Last reply Dec 27, 2024, 2:58 AM Reply Quote 0
                    • S Away
                      sdetweil @cyclonej
                      last edited by Dec 27, 2024, 2:58 AM

                      @cyclonej dang it!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      C 1 Reply Last reply Jan 4, 2025, 2:06 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        9/16
                        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