Often enough, you’ll want to present multiple lists on a page. However, you may not want to show all of the content at once.
In this case, an accordion construct (http://en.wikipedia.org/wiki/Accordion_%28GUI%29) may be the way to go. The RIPL JavaScript library has an accordion built-in, which allows you to easily and unobtrusively add a number of RIPL display containers to a single page.
Here’s the demo:
Is it hard? Nope… utilizing RIPL’s scriptless rendering, it is simply a matter of hooking up a number of specially classed items. Here is the structure of the accordion:
* div – this serves as the container for the entire object
|* div – this serves as the header
|* div – this serves as the content for the previous header, and can be defined as a standard RIPL content display object.
||* div – this is the default text that the container holds, before it is overwritten with content.
|* div – Another header header
|* div – Another standard RIPL content display object.
||* div – Another bit of default text
|* footer
There re a couple of ‘new’ concepts in here. First, you’ll notice the ‘ripl:deferred’ attribute set on these items. Deferred tells the RIPL engine that it is not to pull the content down until the user ‘asks’ for it by clicking into a tab. This saves loading time and bandwidth… and is honestly easier on our own servers if it is a ‘best practice’ to not ask for information that you won’t necessarily be using.
You’ll also note that in our demo, we’re showcasing the ability for the RIPL JavaScript library to render multiple kinds of lists. Specifically, we’re showing the ‘cards’ view, the default (or ‘grid’) view, and the text view.
Cool People's StuffJuanune's ContentContacting server...Bill's ContentAdam's Content