List Settings
Consist of main list settings. In this area you can setup such fields :
- Name - name of current poject.
- Width - width of list.
- Height - height of list.
- Duration - duration between list actions.
- Effect Duration - duration of effect.
- Items Container Class - name of container class for items.
- Main Container Class - name of main container class.
- Easing - easing for animations.
- Fullwidth - if it set, list will be displayed in full width of parent container.
- Apply Styles - field for CSS description.
Manage List
Consist of two sections : "Manage List" and "Add List Items".
Manage List section is a table with such fields :
- First checkbox - for mass delete action.
- Name - name of list item.
- Edit button - for edit action.
- Delete button - for single delete action.
- Enable/disable - show if item enabled.
- Second checkbox - for mass enable/disable action.
Add List Items include text box for new elements. (one element per line)
Edit List Item
This section activates when you press edit button in "Manage List" tab. If it is activated it includes :
- Name - name of list item.
- URL - url of list item.
- Text - text using in this list item.
- Image file - image using in this list item.
- Width - width of list item.
- Height - height of list item.
- Styles - styles of list item.
- Classes - classes of this item.
- Color - color of this item.
- Background color - bg color of this item.
Most of this fields you can use when setup templates files for list and for item. All fields are described by their default functionality you can change this if you wish in templates files.
Apply Templates
In this tab you can apply templates for current project. Consist of main template and item template. You can create new templates files if you wish, and place their files in the same folder.
Items Positions
In this section you setup a path for elements placing. If you can't setup equation and it coefficients you can use "Predefined states" list.
This tab consist of :
- Equation - it describes a path where elements will be placed.
- Coefficients (a,b,c,d,e,r...) - used in equation.
- Left and Top - you can show only part of path, so left and top its offests on the system of coordinates of equation.
- Radius of moving element in list (used only in some effects) - it's a minor radius of the ellipse when last element move to the first position.
- Side of moving element - used with radius of moving (see above).
Apply Effect
In this section you can apply an effects to the list of items. Just try it.
Paste Code
Code to paste in pages, posts and templates.