|Number of votes:||1|
Based on EPiServer 7 and the Alloy Templates
The new Alloy templates released with EPiServer 7 are based on a grid layout. The grid contains a number of rows in which content blocks will automatically resize and fit on the same row or flow to different rows based on the space available. Ted Nyberg explains this concept well in his article on the template package. This is fantastic stuff, especially in the mobile world.
In some cases editors or marketers may want to create a page and have a little more control over this automatic flow. For example, if they were using the Alloy templates “Landing Page”. I’ve created a “Divider Block” for this exact case. It doesn’t really do anything other than what the title says, adds a divider.
Let’s say, for example, you have three items in a row:
But you really wanted two items in the top row and the third block to push to the next row row similar to what’s pictured below:
No problem! Just add the divider block after the second block and that’s exactly what will happen!
If you’re wondering about mobile, well, everything will continue to flow as expected for mobile devices. Simple, yet effective in enabling an additional level of control for the layout.
Get the code here…