MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

720p TV - Re-adjust Region Sections?

  • Hi All,

    I was hoping someone could help me out with a small issue im having regarding the way the regions are set up. I have a 720p screen im using for my mirror and it looks like it may be designed for a higher resolution so everything is just too big (I think this is the reason but not 100%). I have figured out how to change the text size using the custom css file. What I am having trouble with is the region size definition. For example, the “top right” region is too large and the left to right dimension needs to be restricted. Any help would be appreciated. Thanks!

  • Admin

    @MechMatt the regions have no specific size. Only a location. Could you post an image of a problem you run into?

  • Playing around with the font sizes I realized the regions can be controlled by how long the text across goes.

    I guess my question now changes to this: is it possible to change the style of the calendar text? For example “Tomorrow at 9:30 AM” takes up a lot of space. It would be nice to change it to something like “Tmw at 9:30AM” or just “Tomorrow”

    Also, while we wait for the folks at moment.js to hopefully find a solution for the 12 hour overflow problem I had tried to set everything to 24 hr format. However, I cant get the calendar to go to a 24 hr format. I changed the timeformat variable to 24 in the config, but it doesn’t affect the calendar times (just changes the clock). Is there a different way to change these?

    I realized this turned into more of a calendar module post. I can repost in that section if necessary.

  • Moderator

    So the Tomorrow at 9:30AM is how moment.js displays it. We’re not doing the formatting, moment.js is. However, what you CAN control is the amount of characters the event itself displays. So for example, if you happen to have an event with a rather long title, you can tell the Calendar module to limit that (by truncating the text). Look for the maxTitleLength config option to do that. The default is 25 characters.

    As for whether to display Tomorrow or Tomorrow at 9:30AM, that’s a difference in events. All day events are displayed simply as Tomorrow. However an event at a specific time, will be displayed with the time it will happen.

    And the calendar module itself does not change between 12 or 24 hour display. At least, as far as memory serves me. I’ll have to go back and look in the code.

  • @KirAsh4 ah okay that makes sense.

    Since all the calendar stuff is controlled by moment.js, does that mean there is currently no temporary work around to the overflow issue in the calendar?

    Thanks for the help!

  • Moderator

    I know someone said to switch to 24 hours, but I am not certain that actually affects the calendar itself, or the overall display of time (and therefore time calculations) in general. That’s something I need to go check on in the code. And right now I’m in the middle of another project that’s preventing me from diving into the module code.

  • Moderator

    By the way, while inconvenient every time, you can issue a 'pm2 restart ' (where `` is whatever you called your process) to refresh the display and those times would display properly again.

Log in to reply