MMM-CalendarExt3 Resize module

[Xsoldier2000]

I’ve been searching and either I’m not using the right search parameters or it can’t be done. Right now I have the calendar in the top_bar region, but I’m looking to resize it to fill up the right side 3/4 of the screen.

I’m guessing it could be done with a custom.css…and if so, can you point me in the direction of some parameters I might look for while learning to use the .css file?

Maybe it just can’t be done.

(2nd question not that I’m thinking of it, how to I get the symbols that I designated in the regular calendar module to show in the CX3 module?)

[sdetweil]

@Xsoldier2000 the symbols, if defined in the config.js and not in a customEvents list should have been broadcast to Ext3

Size, maybe you want to start from bottom bar

See the second link in my signature below for using the developers windows to discover and test css

Width and height are the two primary size items
And he has lots of styles to adjust cell size, text size…
Read his doc

[MMRIZE]

@Xsoldier2000
This module usually (and for your convenience), uses the whole width of the region that this module lays on. So, if you want to use 3/4 width of the entire screen, it will be easier to limit the width and location of the region itself. So, if you want to lay this module into top_center, guess how to expand and locate top_center region to 3/4 width from the right edge. (There could be many solution and condition, so I cannot point a silver bullet.)

[megagprime]

hey guys, i cant seem to figure out how to resize this module, i have tried the css, custom cssa and even modifying the module bottom.left css max size. how can i double the width?! thank you

[sdetweil]

@megagprime if you put the module in bottom bar it will resize.

It fits in the area you place it

[megagprime]

@sdetweil how can i make it twice as wide as it is?

[megagprime]

@sdetweil i have something in the bottom right

[megagprime]

@sdetweil i have something on the bottom right, i just want to double the width of bottom left module

[sdetweil]

@megagprime you will have to use position absolute and width
You can use the developers window elements tab to try it out.

See the second link in my sig below for an example on how to use the elements tab

[megagprime]

@sdetweil i have done that, and even tried the module position module with custom css and it still will not work

[sdetweil]

@megagprime if you just put it in another position , it will be in that positions size, without custom.css
I am away from my system til late us central time tonight

[sdetweil]

@megagprime try this
module

position:"bottom_left",

no custom.css setting

custom.css

.MMM-CalendarExt3 .module-content {
    width:175%;
}

adjust % as you need