Ultra List

Table of Contents

Introduction

Here you can learn how to use the Ultra List stack from Weavium. Of course, if you have any questions along the way, you are always welcome to visit the support page and leave us a message. _-

How to Use

Ultra List is actually really simple to get up and running!

Simply add the stack to your site, and then add list items using the (+) button. You can edit the information such as titles, descriptions, tags, and icons, by clicking on an individual item, and then going to the stacks settings panel in RapidWeaver.

Tag sort lists will be created automatically! All you have to do is create a comma-separated list (dogs, cats, bunnies) for your item tags, and we handle the rest!

There are lots of color options, this is where we recommend getting started. : )

Edit Mode

Collapse Details

Detailed list content can get pretty long, you can collapse it in Edit mode by checking this option.

General

Max Width

Simply sets the maximum width for the list.

Mobile Point

Ultra List is responsive, and will automatically re-adjust for mobile devices. You can the specific pixel breakpoint and which this collapse occurs.

Search

Here you will find the options for editing the Search functionality of the Ultra List Stack

No Search (Checkbox)

If you do not want your list to be searchable, check this option.

Placeholder

The text to be displayed in the Search bar when nothing has been typed.

No Result Text

The text content of the message that appears when no search results have been found.

Input Text

The font size of the search input text

Search Icon

The size of the search icon

Input Padding (Vertical & Horizontal)

The padding of the search input

Sort

Here you can find the settings for the Tag Sort functionality of the stack

No Sort

Turns off sorting, and hides the sort list dropdown.

Sort Icon

Sets the size of the sort icon in the sort-dropdown toggle

Sort Count

Sets the size of the sort count text in the sort-dropdown toggle when a sort is applied

Hide Header

The Ascend scroll-to menu has a header with a title default, you can choose to hide it by checking this option, for a cleaner look.

Toggle Size

Sets the size of the sort-dropdown toggle

Toggle Radius

Controls the corner roundness of the sort-dropdown toggle

Sort List Width

Sets the maximum width of the sort-dropdown

Sort List Height

Sets the maximum height for the sort-dropdown, if the dropdown extends beyond this height, it will automatically become scrollable.

If you do not want scroll-bars, set this height to something taller than your sort-dropdown list.

List Shadow

Allows you to adjust the box-shadow for the sort-dropdown

Items Genera.

Here you can edit the general styles for the list items

No Tags (Checkbox)

Checking this option will hide list tags, as well as turn off tag sorting. If you want tags, but do not want sorting, check the "No Sort" option under the "Sort" section.

No Description (Checkbox)

Hides list item descriptions, if you just want title content.

List Type (Separated or Connected)

There are two types of lists than can be created with Ultra List, Separated lists, or connected lists.

Separated lists will add a space between each list item, and a shadow.

Connected lists will remove the space between list items, and add a small border between them.