Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Lister permits you to setup numbered or bulleted lists in your Stacks pages; using styled text, HTML code, Markdown or your RapidWeaver-generated list of page links. Within the stack settings you can select a preferred list point style from a pull-down menu. You are then presented with a generous array of simple settings to help you customise the style of your list. Many list point styles are offered; including basic web browser list styles, images, shapes and all 600+ Font Awesome icons! You are certain of finding a list style to compliment your website design in this stack.

Some RapidWeaver themes are certainly better at styling lists than others. If you find yourself in a position with a theme that offers lousy list styles (or you just fancy having a play with the styling yourself), then the special Style Overrides option can be enabled. This gives you an extended selection of customisable style settings; including font size, line height, colours and italics.

Lister outputs a list marked-up as a conventional HTML unordered list. This is great news, because it means we can give you support for nested (multi-level) lists that competing list stacks can't offer you. Generated lists are very search engine friendly and compatible across a wide range of web browsers and handheld devices. We've also taken into account of other factors, like lists that print and save as PDF with a more tidied appearance.
 
This video can be viewed full-size on the YouTube website. Click the YouTube button.
 

Examples

These are some examples of the Lister stack demonstrating some different list styles available in the stack.
Simple bulleted list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Simple numbered list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Simple lettered list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Coloured dot list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Coloured square list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Font Awesome icon list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
  • Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
A longer, nested list
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
    • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
    • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
    • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Image bullets (with rounded corners)
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Setup

Follow these instructions carefully for getting a Lister stack working in a webpage:
  1. Once installed into Stacks / RapidWeaver, open your stack library and drag-and-drop a copy of Lister into your Stacks webpage
  2. In the Lister Settings, select the preferred Content Type you wish to use for your list items
  3. Enter content into the placeholder shown, to create your list items
  4. Use the appropriate markup for HTML and Markdown lists. If using Styled Text (which is the default content type), highlight your sentences of content with your mouse and click the List option in the Stacks styled text toolbar to apply basic bulleted or numbered list formatting to your content
  5. In the Lister Settings, choose the desired List Point Style you want to use. Please note that some list point styles have more customisable options than others, which can be configured in the settings
  6. Adjust the Item Indentation and Item Spacing settings, if desired. Again these two settings will have different effects on different list point styles
  7. If you wish to further customise your list styling (beyond the styling that your RapidWeaver theme imposes), then check the Override Theme List Styles option and configure the style and colour settings accordingly
  8. Preview your webpage in RapidWeaver to see what the generated list looks like. Publish when done.

Please note that some of the more advanced list point styles have dependency on Javascript, for injecting extra markup (like shapes, images or icons) into your list. Therefore some lists may need to need to be previewed in RapidWeaver before you can fully-view the completed styling applied. Additionally if the content type is set to Website Navigation Links, these links are only visible when the page is previewed and are derived from the navigation links your RapidWeaver theme generates.

Lister supports nested lists (lists that comprise of multiple levels, with indentation for each level). Nested lists are generally easier to markup using HTML code. You can search and find many examples online for nested lists. For basic flat-level lists, any of the other content types work well. Basic text styling and formatting can be applied to your list items; including bolder text, italics, headings, links, code and images. Lister takes effect on all lists placed within the Lister content area.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.