Skip to content

Custom Region Layouts - V2.28.0 breaks functionality #3504

@AryasDad

Description

@AryasDad

Hello and thank you for opening an issue.

⚠️ Please make sure that you have read the following lines before submitting your Issue:

I'm not sure if this is a bug

If you're not sure if it's a real bug or if it's just you, please open a topic on the forum: https://forum.magicmirror.builders/category/15/bug-hunt

I'm having troubles installing or configuring MagicMirror

Problems installing or configuring your MagicMirror? Check out: https://forum.magicmirror.builders/category/10/troubleshooting

A common problem is that your config file could be invalid. Please run in your MagicMirror² directory: npm run config:check and see if it reports an error.

I found a bug in the MagicMirror² installer

If you are facing an issue or found a bug while trying to install MagicMirror² via the installer please report it in the respective GitHub repository:
https://github.com/sdetweil/MagicMirror_scripts

I found a bug in the MagicMirror² Docker image

If you are facing an issue or found a bug while running MagicMirror² inside a Docker container please create an issue in the corresponding repository:
https://gitlab.com/khassel/magicmirror

I'm having troubles installing or configuring foreign modules

Please open an issue in the module repository or ask for help in the forum


I found a bug in MagicMirror

Please make sure to only submit reproducible issues. You can safely remove everything above the dividing line.
When submitting a new issue, please supply the following information:

Platform: Intel(R) Client Systems; model: NUC6CAYH, platform: linux; distro: Ubuntu; release: 22.04.4 LTS; arch: x64; kernel: 6.5.0-44-generic, electron: 29.1.6; used node: 20.9.0; installed node: 20.15.1; npm: 10.7.0; pm2: 5.3.1

Node Version: node: 20.15.1

MagicMirror² Version: MagicMirror: v2.27.0 (tried latest 22.28.0 - caused problems)

Description: For approximately the last year if not longer, I have been running my MagicMirror instance successfully with custom layout regions. V2.27.0 appears to be the last release where this worked. V2.28.0 breaks this functionality. I am not sure where I found how to do this, but it was somewhere on the MagicMirror forums. Here is a snippet from my modified index.html:

  <div class="region row3 left">
    <div class="container"></div>
  </div>
  <div class="region row3 right">
    <div class="container"></div>
  </div>

In my config.js, I am able to locate modules in this by using the following:

position: "row3_left"
...
position: "row3_right"

When I updated to V2.28.0, it no longer loads and my error log indicates invalid region position.

Steps to Reproduce: Downgraded to 2.27.0 to get it working again. 2.28.0 breaks it. .

Expected Results: Custom regions in index.html should be recognized by stem like previously..

Actual Results: Multiple errors in log due to "invalid region".

Configuration: pertinent snippet above.

Additional Notes:. I am suspecting the "fix", issue #3445 is what is causing this to no longer work.

My question is, is there a better way to get custom layout functionality that I am unaware of to get my system working with the latest release? The current pre-determined layout is too restrictive and I need more layout options for my system.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions