Using rt-grid in modules and content
-
-
- Brent Critchfield
- Sr. Rocketeer
- Posts: 131
- Thanks: 7
-
Thanks for the details Mark. This is a great checklist to help me get started.
As to the reason why I see this as important - any designer will tell you that Alignment is one of the "big four" rules of design. (Contrast, Repetition, Alignment, Proximity). The gantry-width classes are very useful for building layouts, but since they don't adhere to the grid of the page, they break the clean flow of the columns down the page. Not a huge deal, but in the quest for constant improvement this is something that has been bugging me for awhile. Gantry does maintain this alignment through its rt-grid classes, which I can access building individual modules, but I can't figure out any way to access inside of an article, which does come up quite often. I would love to see the framework be modified to give us access to styles that will truly align to the grid, but I should be able to develop something else as a stopgap.
I appreciate your help on this question!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
Again, you have misunderstood. The gantry grids are used to aligned things to gantry grid boundaries. That is one of the main purposes of Gantry. To you assign modules to grid positions such as "header-a or showcase-a", components go in the mainbody position. The grid layouts are controlled through template manager > layout where you can set whatever layout ratios you wish. The gantry grid positions are fixed dimension area that are also ADAPTIVE (in that the fixed dimensions change dependent upon viewport dimensions). The gantry-width-xx are percentage based widths (to maintain responsive content) and were never intended to align to grid boundaries (that's not their purpose).
So, in my opinion, what you are doing is replicating everything that the gantry grid already does and is not necessary. I am a designer and developer and have never been contrained by anything using the gantry grids. But, as I said, it's your choice.
You specifically mentioned alignment of articles. You can do this by changing the layout of the mainbody/side positions in template manager. If you want more control you can embed articles within modules by using something like "ArticlesAnywhere" from NoNumber, then those modules will align with the grid boundaries. Or, of course, you can just put your content in a Module rather than Article in the first place.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.045 seconds