Expanding Preview

The expanding preview layout takes a grid of items, and displays the item's content once the user clicks on the item.  

The Expanded preview uses responsive grid similar to the grid featured in our other responsive layouts.

  • Mobile solutions Mobile solutions

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur purus gravida molestie non et ligula.

  • Complete range step down challenges1 Complete range step down challenges1

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

  • Project #4 Project #4

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tempus mi. Nunc augue odio, imperdiet ac venenatis nec, faucibus ac felis. Pellentesque blandit urna ut augue sodales sagittis aliquet elit vestibulum. Praesent dictum ultricies ullamcorper. In malesuada dictum scelerisque.

Required elements

The Expanded preview requires at least the item image and the item title in order to function.

 

Options available for Expanding Preview

Theme

Options include: none, boxed, lines

Maximum Number of Columns

Sets the maximum number of columns the grid will be displayed in (1-6). See the Grid documentation for further information.