Tutorials

Setup (V2.5.0+)

After adding Augment Flip to your Stacks page you will see two “Drop stacks here” sections. Any content added to the top section will display as the front of the stack. Any content added to the bottom section will be hidden on the back of the stack until it has been flipped. By default, the stack will flip by clicking anywhere on the stack. To customize the stack, refer to the settings breakdown below.

Note: Because of some structure changes to Augment Flip, when updating from an older version you will need to reset the Flip Type & Flip Mode values for the animation to function correctly.

Settings

General

Flip Type – This option setts which animation the stack will use when flipping to the back side and uses the same animation for the flip returning to the front side in reverse.

Speed – This value, set it milliseconds, changes the how long the animation takes to flip the stack.

Round Corners – Increase the value to add rounded corners to the front and back of the stack. Note: This option is mostly only useful when the front and back background colors have been enabled.

Z-index – This value specifies the pile order of the stack. A higher value is always in front of a stack with a lower value.

Match Front & Back Size – This will force the front and back to match in width and height. Both the front and back will take the dimensions of the larger side.

Animation Shadows – This options will add shadows as the animation is happing to give the animation more depth.

Front & Back

Flip Mode – This sets the method used to make the stack flip over. “Icon” will place an icon in the upper right corner that will flip the stack when clicked. “Click” will flip the stack if any part of the stack is clicked. “Custom Image” will place an image you add to the upper right corner that will flip the stack when clicked. “Hover” will cause the stack to flip when the mouse is above the stack. “Hover Off”, only available in the Back settings, will cause the stack to flip when the mouse is no longer above the stack. “None”, only available in the Back settings, will disable the flip so that once the stack is flipped from the front to the back, it will always stay flipped.

Enable Background Color – Allows you to set a background color to the stack.

Max Width – By default Augment Flip will fill the entire width of the container you place it in. Adjust this value if you don’t want the width to be greater than a certain pixel value.

Max Height – By default Augment Flip’s height will be determined by the contents. Adjust this value if you don’t want the height to be greater than a certain pixel value.

 

 

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