regions...

justjim1220

is there any way to add regions to MM?

For instance: where middle_center is , how could i be change to add middle_left and middle_right?

Also, could there be a way to get more than 3 in a section?
IE: currently we have top_left, top_center, & top_right
Could it be changed to have 4 or 5 sections?

My interest is to have modules as a frame to a completely blank center

16 modules:

top_left            top_left_center           top_center           top_right_center             top_right

middle_top_left                                                                          middle_top_right

middle_center_left                                                                    middle_center_right

middle_bottom_left                                                                    middle_bottom_right

bottom_left        bottom_left_center        bottom_center        bottom_right_center        bottom_right

would this be possible???

I’ve tried to declare them in custom.css, but of course, it didn’t work, so I am assuming they are declared elsewhere in MM’s core coding…

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