FootNoter stack

SmartList Stack

A set of two stacks to create all sorts of lists easily

The SmartList stacks make it possible to create (almost) any ordered or unordered list you can think of effortlessly. These stacks are loaded with options, making them really versatile.

Demos
To show you the versatility of these stacks, I’ve made four demos:
Demo #1: shows the different list types (ordered, unordered; with characters, images or Font Awesome icons as markers, etc.)
Demo #2: shows the settings and styling options of both the list items and the markers
Demo #3: shows settings for individual list items
Demo #4: some examples of multi level lists

Usage

This set consist of two stacks:
  • the SmartListWrapper stack. In here, the SmartListItems stacks go, one for each item.
the SmartListItem stack where the individual list items reside.

Drag a copy of the SmartListWrapper stack on your Stacks page, and drag as many SmartListItem stacks as needed inside the SmartListWrapper stack (one for each list item).
Each SmartListItem stack contains a styled text area, so you are free to style it, use html and add pictures. Even PlusKits @import((page name)) will work.
In the SmartListWrapper stack, the general settings apply to both all markers and content of all list items; the marker settings apply to (guess what) the markers only.
The settings of the SmartListWrapper stack settings can be overruled for a specific list item by using the options in that SmartListItem stack.
N.B. If you want to use Font Awesome icons as markers, your theme needs to support Font Awesome. If your theme doesn’t, you can use the FA4all stack, or enable Font Awesome manually (see the Font Awesome website for more information).

Background
I personally found making lists one of the most frustrating jobs in RapidWeaver. Most of the time, non of the options available generated exactly what I had in mind, so in the end I often ended up coding the list by hand – one of the few coding jobs I really detest.
To make an end to these frustrations, I decided to make a stack that would offer exactly what I think should be offered for making lists – and some more.

Limitations
When the visitor has JavaScript disabled in his browser, the stack will not work properly.
In Edit mode, not all settings are shown, but you will get an idea of what’s happening.
These stacks work super easy with single level lists. Multi level lists are possible (here’s a tutorial), but if the number of list items changes frequently, I would personally look for a different solution.

Support
Please use this form to report all issues, questions and comments.

This stack requires the Stacks plugin by YourHead (version 2 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
SmartListItem HUD
SmartListWrapper stack settings

SmartListItem HUD
SmartListItem stack settings
© 2012-2017 Marathia Web Design | Contact