@sdetweil said

• address:“0.0.0.0”, // means listen on all adapters, wifi and ethernet if both enabled, WITHOUT having to specify the ACTUAL ip address
  port: 8080 // default so you would use your PC browser to connect to the ip address/name of the machine running mm:port number
  http://ip_address_or_name:port ipwhitelist:[] // provides a way to allow ONLY specific addresses, ON YOUR NETWORK, to connect to mm.

I’ve tried ipWhitelist “[]” and “[my ipaddress]” and nothing,
but I’m going to try again

• to access disk and have ssh,use bitwise or winscp clients from your PC. will give use ssh window and file manager type access to files on pi

I’m going to give this a shot

• on the restart on change, pm2 seems flaky there.
  but I have only configured to watch config.js
  to refresh w css just refresh the MM page.
  ctrl-r on the MM content, f5 on the dev window content
  you can do all the developers window from any pc that can get the MM screen

I’ve been refreshing or closing the MM window

• you can also try my MMM-Config module if you want yo avoid the editing troubles of config.js https://github.com/sdetweil/MMM-Config

I’m going to try that now
thanks a lot.

@sdetweil said in Module Region question:

@greedyvegan the trailing comma says more content follows.

if it’s not there, then the next thing must start something new,
if the thing isn’t finished, then lack of a trailing comma will produce an error ( Unexpected token)

in your example, after the url: “…”

there are no more properties in config section, so it is done, no commas required

understood, thank you

forgot to add, previously when I would modify the config file, any time I would make a change and save the file, MagicMirror would quit and reopen, that doesn’t happen anymore. I have to manually refresh the mirror

• I have a question:

{module: "monopoly",
position: "lower_third",
config: {
url: "https://monopoly.com"
}
},

the last part of the code (url: “monopoly.com”)
doesn’t require a comma after it as long as the squiggly bracket closes the code?

@sdetweil said in Module Region question:

@greedyvegan what is the hard time?

well overall, I’m not as savvy as most; but I’m reading and learning.

• I try to stray away from modifying the module’s css & js,
  but I edit the module’s css then copy it to the custom css and revert the file. - the default modules, I edited the js files to stop the fading.
• some modules work and when I add a new one, it stops
  (MMM-GooglePhotos & MMM-text-clock) worked, but when I added MMM-NewsAPI, they both stopped and the NewsAPI never showed up.
• I can’t understand the one call api thing for the weather

what also doesn’t work is ipWhitelist [], (address: “0.0.0.0”)
I read a post where you explained you never used VNC
i’d love to configure my mirror from my computer and not through the pi
the webpage always says “safari can’t open the page”

• I’d love to access the pi hard drive from my computer, I think that would make things easy, ssh@raspberry pi works; so I have access via terminal.

control shift & I via VNC truncates the screen and makes it difficult to view, at that point the pi slows down (I am using a usb drive for the pi os, but I don’t notice any speed difference)
I THINK the more modules or text in the config & css file I add, the slower it gets.

sorry to dump

I installed bullseye on my pi 4 because bookworm wouldn’t allow me to rotate the screen on VNC

I’ve been having an hard time with my module/positions
so I added borders to the regions in custom.css to help guide me
and put “position:relative” to each module and they fall in line

.region.top.right     {position:fixed;top:1px;right:1px;height:400px;width: 325px;border:5px solid #F00;border-radius:20px;}
.region.top.center    {position:fixed;top:1px;left:575px;height:400px;width:325px;border:5px solid #F00;border-radius:20px;margin-left:auto;margin-right:auto}
.region.top.left      {position:fixed;top:1px;left:1px;height:550px;width:400px;border:5px solid #F00;border-radius:20px;}
.region.upper.third   {position:fixed;top:485px;left:410px;height:140px;width:660px;border:5px solid #F00;border-radius:20px;}
.region.bottom.left   {position:fixed;left:1px;bottom:1px;width:350px;height:500px;border:5px solid #F00;border-radius:20px;}
.region.bottom.right  {position:fixed;right:1px;bottom:1px;width:350px;height:500px;border:5px solid #F00;border-radius:20px;}
.region.middle.center {position:fixed;top:905px;left:1px;width:1070px;height:680px;border:5px solid #F00;border-radius:20px;}
.region.bottom.center {position:fixed;bottom:1px;left:540px;height:500px;width:350px;border:5px solid #F00;border-radius:20px;margin-left:auto;margin-right:auto}
.region.lower.third   {position:fixed;top:1330px;left:1px;width:1070px;height:150px;border:5px solid #F00;border-radius:20px;}

I put an error in my config file for the sake of the display
I hope this helps someone

@greedyvegan

update, it works; but it’s not faster… yet?
also, when I rotate the screen clockwise 90° or portrait, the cursor/mouse is stuck in landscape.

my searches tell me /boot/config.txt but that doesn’t work anymore because its boot/firmware/config.txt
I added rotate 1
that didn’t work either, I’m still looking

@greedyvegan

• update, that didn’t work for me…
  it’s stuck at the “welcome to raspberry pi” image
  I’ll give it some time to see what happens, because the previous one said 2023 and this one says March 2024

@sdetweil

nice, I’m going to try it right now; thanks.

wait, so you’re saying a flash drive would work faster than the sd card in the pi?

@BKeyport

thank you very much.
I now know the purpose of the display flex being inline.
the regions are “block” by default.

please forgive me if this has been covered but I’ve been looking for a week for a solution…
is it possible to occupy the left middle and center of “top_bar”, “upper_third”, “middle_center”, “lower_third” and “bottom_bar” with multiple modules the way that bottom/top: left center and right works individually?

I’ve used this as a template

I have the MMM-text-clock and MMM-WifiPassword as top right
I have MMM- googlephotos and MMM-calendarext3, MMM-onspotify and word of the day is top left (WOTD is only visible when spotify isn’t playing)
I put MMM-EveryNews is lower_third, because it centered the module

the custom css file doesn’t modify the position,
but “.region.bottom.right” works.

I’ve tried changing the module css file, that works
but I’m trying to avoid using that.

do I have to add (module) to (region) and play around with the left: __px right: __px for that to work properly?
because i’d add spofity and WOTD to the lower third with the news and move it left

thanks for the assistance/help.

disregard, this worked for me

https://developers.google.com/tasks/quickstart/nodejs

after node authenticate.js
I go through the steps to verify google identy
for the MMM-GoogleTasks module
(https://github.com/jgauth/MMM-GoogleTasks?tab=readme-ov-file)
I get this message
it’s asking me for a code but I don’t see it.

I need some help please

@sdetweil

ok, thank you.
I may have misread what he wrote.

@jlward73 said in MMM-CalendarExt3 color formatting:

So I figured out what the problem was, and it was much simpler than I suspected. When I ran npm run config:check, it made me change many of my quotation marks to “correct” the syntax.

whenever I run con fig check, it just says syntax error and I gotta figure what the issue is and it’s usually a missing comma.

What do I have to do to get config check to diagnose the exact issue?

@MMRIZE
ahhhh, the children

thank you very much.

@MMRIZE

got it!

thanks again.

lol, last two requests
I got rid of the current and next months"Feb" & “Mar”
using dateParts.month.seq_0
but Jan wont leave, what do I do?

with the border radius and box shadow, I was able to give the calendar day numbers a circle behind them, the double digit numbers are circles, but the single digits are ovals; do you know how to keep it a circle?

@MMRIZE

thank you very much

@MMRIZE said in A few CalExt3 questions: background images, glance, and symbols:

1

.CX3 .month_6.date_16 {
  background-image: url("https://img.freepik.com/free-vector/flat-corpus-christi-illustration_23-2148934727.jpg?w=400");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

Can I use this to add a background image to every date/square with “background-repeat” as a default and override it for specific dates?

I’ve been looking to no avail…
is it possible to change the colors of JUST the days of the week and not the dates?
I want to separate the colors of the sunday - saturday and the numbers, individually.

every time I change the css it changes the color of the whole column.