regions...

[sdetweil]

@justjim1220 they are in MM/css/main.css
there isn’t much real estate to make many distinct regions…

[A Former User]

@justjim1220
You should modify main.js which has a definition of module position hardcoded

[yawns]

Shouldn’t the index.html be changed as well to add additional divs with his classes?

[justjim1220]

@sdetweil

The real estate is there when using a 46" TV as a monitor, and it can always be modified with using ‘zoom’ or ctrl - or ctrl shift +

I did try modifying the main.css also, still no luck.

[justjim1220]

@sean

I tried to modify the main.css and it didn’t do anything.

[justjim1220]

@yawns

never thought to look there, will try it and see if it works, thanks!

[sdetweil]

@justjim1220 others noted that you will also have to edit the index.html to add the regions and the main.js

var updateWrapperStates = function() {
var positions = [“top_bar”, “top_left”, “top_center”, “top_right”, “upper_third”, “middle_center”, “lower_third”, “bottom_left”, “bottom_center”, “bottom_right”, “bottom_bar”, “fullscreen_above”, “fullscreen_below”];

which lists all the known regions

[justjim1220]

@sdetweil

thanks, was looking at that just now. :winking_face:

[geograha]

@justjim1220 I’m actually trying to do the exact same thing, but very limited knowledge with css. I’d be curious to see your index.html and main.css files if you get this working as expected. I updated main.js to be aware of the positions for now and am going to dig into creating the separate regions

[justjim1220]

@geograha

Sorry, got sidetracked into doing other stuff

My investigating showed there are a few places needing changed within MM code to get it to work

I haven’t given up, just placed it on the back burner for now.

Likewise with you, if you happen to figure it out before I do, let me know what you did. :winking_face: