• 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.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 Offline
    sdetweil @cyclonej
    last edited by Dec 25, 2024, 3:09 AM

    @cyclonej i dont know. ext2 has been replaced by the ext3 family a couple years ago

    they use the default calendar module to get data, which then broadcasts it to other modules just comment out the default cal position to have it not show on the screen.

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    C 1 Reply Last reply Dec 25, 2024, 3:16 AM Reply Quote 0
    • C Offline
      cyclonej @sdetweil
      last edited by Dec 25, 2024, 3:16 AM

      @sdetweil said in scaling gone wonky:

      they use the default calendar module to get data, which then broadcasts it to other modules just comment out the default cal position to have it not show on the screen.

      I used MMM-CalendarExt2 because I liked the look in the sample better than the one in Ext3. This meant less work for me to do to get the look I was after.

      I do not have the default calendar module included in my config.js (I assume you mean the MM-supplied calendar module).

      S M 2 Replies Last reply Dec 25, 2024, 4:05 AM Reply Quote 0
      • S Offline
        sdetweil @cyclonej
        last edited by Dec 25, 2024, 4:05 AM

        @cyclonej correct, the calendar module supplied with MagicMirror.

        i understand, just realize the author has stopped making updates, although he may be able to guide you.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        C 1 Reply Last reply Dec 25, 2024, 4:55 AM Reply Quote 0
        • 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 Offline
                  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
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        6/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