Info Box Grid Block

version 1.0

last updated 09/16/2016

Requirements: Concrete5 version 5.7.5.1 (or newer)

'Info Box Grid' for Concrete5 is a block that makes adding awesome info boxes to your website a breeze!

<p>Title 1</p>

An area for content. This info box is linked to a file.

<p>Internal Link</p>

This is another info box. All info boxes are contained within one block. This box is an internal link.

<p>No Image</p>

If no image is selected, whatever background color is set in the block form will be visible.

<p>Page Link</p>

This info box is set to link to another page on the site.

<p>External Link</p>

This info box will take you to one of the worlds greatest websites! You can trust us, the link will open in a new window for you :)

<p>Another External Link</p>

This time, the external link will not open in a new window.

<p>It's Alive!</p>

The info boxes grow. There is a minimum width setting in the block. However many can fit on one row will do so; when an info box wraps to the next row, it will take up as much space as it can.

<p>Settings</p>

Theres lots of settings in the block. You have total control over the look, such as rounded corners and colors used, or the height of the image window.

You can also decide on text alignment, and set the alignment of content area. For example, this info box is the tallest one. You decide how to align the content in the shorter info boxes, whether it should be centered in the text area or not.

<p>Another block</p>

This is another block added to this page. Adding multiple Info Box Grid boxes to the same page is one way to switch up the different widths if the info boxes. This info box grid has a diffferent minimum width setting than the one above! Although by just checking out the page you wouldn't have guessed they where separate blocks!

<p>Animation</p>

The info boxes animating in is a feature you can enable from the block!

Oh yea, this info box grid is set to align its content to be centered. Notice the difference from the block above?

<p>Responsive</p>

It's responsive too! Try resizing your browser window to see how nice everything adjusts itself.

The space between each info box is another one of the many settings available.

<p>Rearrange Items</p>

Since the info boxes within a block are all created from editing just that block, you could guess there must be all kinds of goodies inside. Well there is. Easily drag different info boxes around if you need to change the order.