Tutorials

Toggle

Hide Text & Icon

If you check these toggles you can hide either the toggle text or icons

Alignment

This option determines the horizontal alignment of the toggle, as well as the alignment of the list menu as it drops down underneath the toggle.

Icon Font

Here you can select an icon font, as well as the corresponding icon code for the icon that you want to use.

Padding (Vertical & Horizontal)

Radius

Controls the corner roundness of the toggle

Icon Size

Controls the font size of the icon

Icon Spacing

Controls the amount of space between the toggle icon and the toggle text

Text Size

Controls the font size of the toggle text

Toggle Text & Toggle BG

Here you can change the text and background color of the toggle on both initial and hover states.


List

Orientation

Here you can determine whether or not the menu will appear above the toggle icon or below it. Depending on where you place your assist menu, you may want to change this.

Max Width

This determines the maximum width of the list when it is first open. Note that you can set custom widths and heights for a specific details section when opened. This value simply determines the initial width of the menu.

Radius

This option simply controls the corner roundness of the menu.

Background

Here you can set a background for the menu. You can choose between:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient

List Items

Here you will find all of the options for editing individual list items and details sections.

Padding (Vertical & Horizontal)

This determines the amount of vertical/horizontal padding around all list items, and list titles.

Icon Size & Spacing

Here you can set the size of list item icons as well as the amount of space between the icons and list item text.

Text Size

This determines the font size of list item text.

Detail Text

Here you can set the default font-size of text in the details section.

Detail Padding

Here you can set the amount of padding around the content of the details section.

Close Icon

Here you can set the font-size of the close icon

Icon Type

Here you can select the type of icon you would like for the “close/back icon”.

You can choose between:

  • Close (X)
  • Chevron (<)
  • Arrow (?)

Item Titles (Color)

Here you can set the text and background color of list titles

Item Text (Initial & Hover)

These options control the list item text on both initial state and hover

Item Background (Initial & Hover)

These options control the list item text on both initial state and hover

Detail Colors

Here you can set the text color for Headers, Text, and Links in the details section.

Back Icon Colors

Here you can set the color of the back icon on both initial and hover state.

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