@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
.
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; }
