RFP shelf/start

Documentation

This template starts a responsive flex passage shelf, an element designed to form a column of blocks ({{RFP block/start}}) within a row in the medium view and rows of two blocks in the wide view. Stacks ({{RFP stack/start}}) are a similar element, but stacks form a simple column in all views.

Usage[]

{{RFP shelf/start
  |id=
  |class=
  |style=
}}
...
{{RFP shelf/end}}

Parameters[]

id: The ID for the <div> that contains the entire shelf.
class: CSS classes in addition to the rfpstack class automatically included for the <div> that contains the entire shelf. Useful classes include:
- The sizing classes, which should not be used on shelves inside stacks. For other shelves, unless the shelf should be full width in all views, one of these sizing classes should be used:
  - rfp100-100-67size: specifies full width in both narrow and medium views and two-thirds width in wide view.
  - rfp100-100-50size: specifies full width in both narrow and medium views and half width in wide view.
  - rfp100-100-33size: specifies full width in both narrow and medium views and one-third width in wide view.
  - rfp100-50-67size: specifies full width in narrow view, half width in medium view, and two-thirds width in wide view.
  - rfp100-50-50size: specifies full width in narrow view and half width in both medium and wide views.
  - rfp100-50-33size: specifies full width in narrow view, half width in medium view, and one-third width in wide view.
- Special case sizing classes include:
  - rfpnoresize: prevents a shelf inside a stack from being expanded to fill empty space. It is not recommended to use this on every element in a stack; at least one should be allowed to expand.
style: Inline CSS styles for the <div> that contains the entire shelf.
The contained elements should be included before {{RFP shelf/end}}.

Example[]

rfp100-50-33size block & rfp100-50-67size shelf of 4 blocks

Narrow

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Shelf block 4

Medium

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Shelf block 4

Wide

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Shelf block 4

rfp100-50-33size block & rfp100-50-67size shelf of 3 blocks with rfpkeepwide on first block

Narrow

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Medium

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Wide

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

rfp100-50-33size block & rfp100-50-67size shelf of 3 blocks with rfpkeepwide on third block

Narrow

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Medium

Block 1

Shelf block 1

Shelf block 2

Shelf block 3

Wide

Block 1

Shelf block 1

Shelf block 2

Shelf block 3