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.

 

Expanding Preview - Simple

  • Violet paddle Violet paddle
    Violet paddle

    Violet paddle

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • To Winki To Winki
    To Winki

    To Winki

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Cold feet Cold feet
    Cold feet

    Cold feet

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Southside Southside
    Southside

    Southside

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Orange van man Orange van man
    Orange van man

    Orange van man

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Post surf surge Post surf surge
    Post surf surge

    Post surf surge

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.

Expanding Preview - With Padding

  • Violet paddle Violet paddle
    Violet paddle

    Violet paddle

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • To Winki To Winki
    To Winki

    To Winki

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Cold feet Cold feet
    Cold feet

    Cold feet

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Southside Southside
    Southside

    Southside

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Orange van man Orange van man
    Orange van man

    Orange van man

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.
  • Post surf surge Post surf surge
    Post surf surge

    Post surf surge

    Lorem ipsum dolor sit amet, ea vis tota illud indoctum, partem melius pericula at nec. No aeterno euripidis ius. Eam ne feugiat commune detracto, duo noster assueverit ne. Cum rebum theophrastus in, ubique accusam phaedrum eos ea. Veri erat numquam et ius, alienum ancillae quo et. Duo cetero explicari id.

 

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.