Specify Module Heights for Alignment
-
-
- Justin B
- Newbie
- Posts: 9
- Thanks: 0
-
Please let me know if this should go in another forums, I am new here.
I would like to know how I can make a row of modules all render with the same height, this seems like a pretty standard thing but I cannot figure it out. Here is my scenario with illustration:
I have a simple page and a row of three modules, which are all of a different type, containing different content, and are therefore different heights:This image is hidden for guests.
Please log in or register to see it.
I would like the modules to all be the same height like this:This image is hidden for guests.
Please log in or register to see it.
The only module I currently have any height control over is the html module, and even that requires boxing my content into custom div containers in the "Custom HTML" output with specific heights which requires using inline styles, or making a whole bunch of arbitrary custom height classes, neither of which sounds great. The RokSproket and RokGallery modules simply assume the exact height necessary to contain their content. Clearly they cannot be shorter than their content, but there must be a way to make them taller to as to match the edges of other modules in this row so they don't look so awkward.
Can I specify an option to make all modules of the same row a minimum height? Do I need to add a class or mode to each module-suffix to accomplish this? In the demo content this is no problem since modules tend to contain the exact snippet of lorem text making them the same height, but this far from normal.
Please advise.
-
Time to create page: 0.060 seconds