-
Notifications
You must be signed in to change notification settings - Fork 1
Basic Concepts Review
A Set consists of multiple Cells arranged in a grid.
There a number of differnet Cell Types:
- Title
- Text
- Image
- Link
- HTML
- IFrame
- Vimeo
All cells share a number of basic properties. Each cell, regardless of type, has
- a title
- a description
- and a poster image.
A cell can be in one of three states:
- closed
- loading
- open
A closed cell only displays its basic properties: The poster image is displayed and - on mouse over - title and description are show. When a cell is triggered - either by clicking it or through other measn - it begins loading its contents and might display a loading animation in case loading takes longer. After it has finished loading, the cell is then open and displays all the content specific to its cell type:
- Title: Just displays a title and optional description. (Much like a closed cell but without having to mouse over it)
- Text: Displays longer chunks of text.
- Image: Displays an image. On mouse over a title and description is show. (Just like a closed cell)
- Link: Displays an image, title and optional description. On click scrolls to another cell or opens an external web page.
- HTML: Displays arbitrary HTML content.
- IFrame: Displays a web page inside the cell.
- Vimeo: Displays a Vimeo video.
Basically, cells start closed and can be opened by clicking them (or based on other triggers). For performance reasons cells might want to be closed when scrolling out of view. Also, it may be desirable that only one of a certain group of cells is open at a time. The following flags influence the default opening/closing behavior of cells:
- autoload: The cell is automatically opened when the set is first loaded or when it comes back into view through scrolling.
- autoclose: The cell is automatically closed when scrolled out of view.
- sticky: The cell will not close event when going out of view
- solo: The cell closes other solo cells when opened. (This can be restricted to numbered "solo groups", so only one cell per group can be open at a time.)
The following flags are set by default for each of the cell types:
- Title, Text, Image, Link, HTML: autoload
Starts and remains open all the time - IFrame: autoload, autoclose
Starts open but is closed when scrolled out of view, opened again when scrolled back in - Vimeo: solo
Starts closed, closes other vimeo cells when opened