SOLVED Can we vertically span rows in Gantry 5 Layout?
-
-
- Pinto Buck
- Rocketeer
- Posts: 74
- Thanks: 11
-
I'm using Gantry 5 in Joomla 3.51, and building up a template based on Hydrogen.
In the template header, I need put in an image that vertically spans 2 or 3 rows/grids. The rows have other image or custom html particles in them. So far, the only way I have been able to vertically span multiple rows is to crop the vertical image into sections that match the vertical height of each row and put that cropped image into an image particle in each row. That way I can build up a vertical image that spans multiple rows.
(Note that Roksprocket disabled the animation in my custom html particle in the header. Actually Roksprocket disabled the animation javascript in my Atom, but the effect is the same in that my animation disappears from the custom html particle in the header, so I cannot use Roksprocket. See www.rockettheme.com/forum/free-joomla-st...-js-atom-in-gantry-5 ).
Back to my question, is there a way to vertically span multiple rows/grids in Gantry 5 Layout manager? Should this be a requested enhancement? - Last Edit: 7 years 10 months ago by Pinto Buck.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21589
- Thanks: 3096
- messin' with stuff
-
Yeah, create a Sidebar in your Layout:
docs.gantry.org/gantry5/configure/layout...bar-blocks-and-grids
docs.gantry.org/gantry5/advanced/creatin...te-a-sidebar-section
//Topaz has Right and Left Sidebars on EVERY section if you want to see how that Layout file is configured - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Pinto Buck
- Rocketeer
- Posts: 74
- Thanks: 11
-
Thank you very much for your solution about creating new sections similar to the Topaz template. I checked out the template and documentation that you referenced.
I needed to span an image vertically over 3 rows in a section, and I needed to move the image hoizontally to abut with other images that were not as tall. As a quick workaround, I cropped the image into 3 pieces, put each peice in a separate particle, and put one particle in each row. Then, I used drag and drop to line the image pieces up vertically so that they reconstituted the whole image.
-
Time to create page: 0.056 seconds