blog-tutorial-post-template

Tutorials

Filter Grid

Grid

Hide Grid Tags

Check to not show color tags at the bottom of grid items

Max Width

The maximum width of the grid

Columns

Sets the number of columns per row. Set custom values for Desktop, Tablet, and Mobile.

Col Min Height

Optionally set a minimum height for columns. Set a custom value for Desktop, Tablet, and Mobile.

Gutter

The amount of space inbetween grid items

Tag Block

Sets the size of tag blocks that appear at the bottom of each grid item.

Tooltip Text

The text size of the tag tooltip that appears when a tag block is hovered.

Tooltip Radius

The corner roundness of the tag block tooltps.

Tooltip Padding

The amount of padding around the tooltip text.

Select Text (Select All/ Deselect All)

Set custom text values for the “select all”/”deselect all” button at the top of the dropdown menu.

Width

Sets the width of the dropdown toggle

Text

Sets the font size of the dropdown toggle main title text

Icon

Sets the font size of the filter and close icon in the dropdown toggle

Radius

Sets the corner roundness of the dropdown toggle.

Padding

Sets the inner padding of the dropdown toggle.

Max Width

Sets the maximum width of the dropdown list

Radius

Sets the corner roundness of the dropdown list

Text

Sets the font size of the dropdown list items

Radio

Sets the size of the dropdown list item radio buttons

Color Blocks

Sets the size of the dropdown list item color blocks

Color Radius

Sets the corner roundness of the color blocks

Padding

Sets the inner padding of the dropdown menu list items

Colors & Fonts

List Item Font

Sets the font of the dropdown toggle and dropdown menu list items

Toggle (Text & Background)

Set the text color and background color of the filter dropdown toggle

Item Text (Initial & Hover)

Set the color of the dropdown list item text

Item Background (Initial & Hover)

Set the background color of the dropdown list item text

Item Radio (Initial & Hover)

Set the color of the radio buttons that appear in the dropdown menu

Tool Tip (Text & Background)

Set the text and background color of the grid item tag tooltips

Quick Links

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

  • Posted On

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