MagicMirror regions

DanClarkCBET3

I have been using Magic Mirror for years. In that time I have made some changes to the setup. One is I added regions to the index.htlm file. Until the latest update they have worked but now I get an error indicating unrecognized region for my modules. Is there a new place that I need to make these changes? Here is a copy of my changes to the index file:

<div class="region fullscreen below"><div class="container"></div></div>
<div class="region top bar">
  <div class="container"></div>
  <div class="region top left"><div class="container"></div></div>
  <div class="region top center"><div class="container"></div></div>
  <div class="region top right"><div class="container"></div></div>
</div>
  <div class="container"></div>
<div class="region middle"><div class="container"></div></div>
<div class="region middle left"><div class="container"></div></div>
<div class="region middle center"><div class="container"></div></div>
<div class="region middle right"><div class="container"></div></div>
</div>
<div class="region upper third"><div class="container"></div></div>
<div class="region lower third">
  <div class="container"><br /></div>
</div>
<div class="region bottom bar">
  <div class="container"></div>
  <div class="region bottom left"><div class="container"></div></div>
  <div class="region bottom center"><div class="container"></div></div>
  <div class="region bottom right"><div class="container"></div></div>
</div>
<div class="region fullscreen above"><div class="container"></div></div>

sdetweil

@DanClarkCBET3 only thing you can do is edit the source at

~/MagicMirror/js/utils.js

        // return all available module positions
        getAvailableModulePositions () {
                return ["top_bar", "top_left", "top_center", "top_right", "upper_third", "middle_center", "lower_third", "bottom_left", "bottom_center", "bottom_right", "bottom_bar>
        },

note that because you are editing our file, this will block updates

DanClarkCBET3

@sdetweil thanks for the help. That cleared the error but my modules are still not being displayed.

sdetweil

@DanClarkCBET3 i would use the developers window to examine the dom. see if your elements have the right classes on them.

you rechanged index.html, right?

karsten13

@sdetweil

there were more changes in the corresponding PR, see https://github.com/MagicMirrorOrg/MagicMirror/pull/3445/files

sdetweil

@karsten13 main should call utils to get the list. I thought it was a requested charge in the pr.

actually the code should read index.html to get them. so users dont have to edit our code. I know it’s an edge case…

DanClarkCBET3

@sdetweil Thanks everyone. It is working perfectly now.

sdetweil

@DanClarkCBET3 for the next release I have submitted a pull request to detect the regions used in index.html instead of hard coded…