Tutorials

cleanAccordion’s customization options are very intuitive and do not demand much explanation in most cases, with the slight exception of some terminology that can be defined.

General Setup

Side Accordion Container

To create an accordion you must first place the container stack.

Side Accordion Inner

Then place at least one Inner stack inside. To create additional sections place more inner stacks above or below the other inner stacks.

General width and height controls are provided for the overall sizing of the horizontal accordion. For all sizing the accordion will adjust all of it’s content alignment so that things are centered and spaced well.

Side Accordion Title

When controls use the term “Title” they are referring to the tab part of the accordion.

Side Accordion Description

In instances where the term “Desc.” is used, this is an abbreviation for Description and references the larger content section that opens when titles are active.

Colors

By default you can set up all your colors in the containing stack.

Side Accordion Override Colors

You can also override the global colors inside of each inner stack. This is not turned on by default and must be done to each individual stack as desired.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software