Slinky was formally developed by SeyDesign, under the old name of 'Slinkee'. This newest version has an improved user interface, bug fixes, more style settings and some new features. The old version is still obtainable here, if you need it.
Some possible uses of Slinky include a website menu, FAQ help pages, member directories, file repositories, product specifications, contact details and showcases. Slinky is fully mobile responsive and suitable for use in the main content area of a page, sidebars and ExtraContent regions. It's compatible with Appender and all your favourite themes and frameworks too.
ExampleThis is a working example of Slinky, with its default settings applied.
SetupFollow these instructions to setup a Slinky stack.
- Install Slinky within Stacks and RapidWeaver in the normal way. Like other stacks, open your Stacks library. Drag a copy of Slinky into your page.
- Click the blue button to add items to your Slinky stack.
- For each Slinky item, you can provide a link, page name, description and drop down content. Only the page name is mandatory (required).
- With Slinky still selected in 'edit' mode, you can access its style settings, from the Stacks side panel.
- Save changes when done. Preview the page to see what it looks like. Export or publish your page as normal.
An unlimited number of Slinky items can be added to a Slinky stack. Simple content types (like styled text, Markdown, tables, lists and images) are recommended for drop-down content. The use of more complicated content types (like other toggle or animation stacjs) is discouraged. Simple is best!
Optionally, links can be set to open in new tabs or have custom classes and other attributes applied. To achieve this, select an individual Slinky item in edit mode. Within the Stacks side panel, you should see alternative settings to customise the links.
Adding arrows to page namesArrows are intended to signify to the end user that they can click and reveal content. Past versions of Slinkee only gave the choice of white or black 'triangle' GIF image arrows. As of Slinky v3, there is now a dedicated Add Arrows checkbox. Ticking this setting presents options for you to reference a suitable arrow (Font Awesome icons are recommended), with additional settings to precisely customise the icon size, colour, position and indentation. When a Slinky item is opened, icons are automatically rotated, 90 degrees, with a transition effect.
It is assumed that your theme already includes a suitable icon library. For example, most ThemeFlood themes already give you Font Awesome v5. If your theme is lacking a suitable icon library, you will either need to add the code for one yourself or buy an additional stack like Iconic.