Augment Reflect

Definition of Terms

  • Opacity: Controls the transparency of the reflection (higher numbers is less transparency)
  • Distance: Controls the distance of the reflection

Changelog

v1.1.0 (February 7, 2014)

  • Image section changed to open stacks section (%slice%) so image stacks can be used (i.e. Lightboxes)

v1.0.3 (September 18, 2013)

  • New Icons
  • Group changed to ’1LD Stacks’

v1.0.1 (August 16, 2013)

  • Fixed Grouping Title
Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS

Augment Mobile

The major options in Augment Mobile are:

  • Devices
    • phone
    • tablet
  • Orientation
    • portrait
    • landscape
  • Color
    • black
    • white

Augment Mobile Options

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS

Augment Cube

General Controls

Cube Size:
Controls the width and height of each side of the cube in pixels. You can use the preview cube to see the size. As you resize your screen, it automatically changes the size of augment cube to fit. So the value you put in to the cube size field is multiplied by 4 for the full size cube.

Opacity
This controls how see-through or solid the cube is. Note that this will also control the opacity of any content within the cube. If you want to control the opacity of the cube while keeping the content solid, you can go down to the ‘Background Color’ and ‘Border Color’ controls.

Advanced Controls

Perspective:
Perspective is similar to zooming in and out, it doesn’t change the size of the cube, but it does change how large it seems by altering the distortion. For instance, if the value is set all the way at 2000, it’s like zooming in and setting the value at 200 is like zooming out.

Content Overflow:
If the content that you want to put into the cube goes longer than the height of the cube, you can define what happens. It’s set to Auto by default which will only add a scroll bar if the content is too long. Setting it to Scroll will always have a scrollbar even if the content is not longer than the height of the cube. Setting it to Hidden will hide the content and not allow a scrollbar. Setting it to Visible will allow the content to keep going off of the cube without a scroll bar so that it’s all visible.

Background Color:

You can control the amount of red, green, and blue individually to adjust the color for the cube and see the results in the preview (So if red is set to 255, green is set to 0, and blue is set to 255, it will be purple). Then checking the transparency check box will allow the background color to be see through. Use the Opacity slider to control how see-through it is.

Border Color:

This works exactly like the background color except it controls the color of the border.

Parallax

Parallax rotation causes each cube to rotate however fast or slow you want while the user scrolls down the page. This feature can be turned on or off, and you can control the speed of the rotation with the ‘rotation speed’ slider. 1 is very slow, 20 is very fast.


The Buttons

Button Height:

Controls the height of the buttons in pixels. The reason there’s not a width slider is because you can just go to the layout tab to control the size of the whole button section.

Button Color:

Use RapidWeaver’s Color picker to select the background color of the buttons.

Border Type:

Choose between each type of border possible with css. Or for no border, select No Border.

Border Width:

Pretty self explanatory. This controls the width of the border in pixels.

Border Color:

Use RapidWeaver’s Color picker to select the border color of the buttons.


Hover Controls:

The hover controls are all a repeat of the other controls. They control how the buttons look while a user hovers over them.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS

Augment Slide

Installing Augment Slide

Upon uploading your Augment Slide Stack, open up your “Stack Elements” option. You should be able to see your new Stack added:

Augment Slide Icon

Drag & drop the Stack onto your RapidWeaver page.

*If you want to preview the Augment Slide caption on its development page, simply right click on the targeted Stack. Adjust the width of the caption for optimal distinctiveness between Stack placement.


Configuring Augment Slide

The Augment Slide Stack offers a few options to maximize design potential and individuality:

Slide Type:

  • Slide Type: Define the positioning type of caption.

Caption Styles:

  • Caption Color: Adjust the color of the caption.
  • Caption Font Color: Adjust the font color of the caption.
  • Line Height: Adjust the line height of the caption.
  • Width: Adjust the width of the caption.

Caption Padding:

  • Left Padding: Adjust the left padding of the caption.
  • Right Padding: Adjust the right padding of the caption.
  • Top Padding: Adjust the top padding of the caption.
  • Bottom Padding: Adjust the bottom padding of the caption.

Changelog

v1.2.4 (June 25, 2014)

  • Fixed grouping error
  • Fixed icon issue

v1.2.3 (June 23, 2014)

  • Customization options now number-based
  • Stack Edit Mode organized

v1.2.2 (January 13, 2014)

  • New icons for backend
  • Changed grouping to ’1LD Stacks’

v1.2.0 (July 5, 2013)

  • SPARKLE ready
  • Slide effect occurs on touch events for touchscreen devices

v1.1.0 (June 3, 2013)

  • Preview fix on RapidWeaver development page, i.e. secondary-clicking function no longer necessary
Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS

Augment Pic

Screen Shot 2013-12-20 at 1.36.54 PM

Augment Pic General

Width: allows for width control

Height: allows for height control

Circle: This will turn the image into a circle. “for best results make the image a circle”

Transition Speed:  Select from 1 to 10 seconds.

Screen Shot 2013-12-20 at 1.37.15 PM

Filters

“note: Make sure that you select the filters in both (Augment Pic Filter & Augment Pic Filter Hover)”

Blur : Controls the sharpness of the image

Brightness: Makes the image brighter or darker.

Contrast: Increases and decreases the contrast of the image.

Grayscale: Allows you to make the image monochromatic.

Hue-Rotate: This will change the overal hue of the image.

Invert: Inverts the images colors.

Opacity: Controls the transparency of the image.

Rotate: Control the rotation of the image.

Saturate: Allows the image to be saturated or desaturated of color.

Sepia: Controls the amount of sepia in the image.

Zoom: Allow image to be zoomed in.

 

Screen Shot 2013-12-20 at 1.38.34 PM

Filter

Animations: Select the type of animation you want to use.

Full Size: The option for having a full size caption.

Centered Adjuster: Activates once the Full Size is selected. This will all you to center the content in your caption from the top.

Background: This is turn on the background of the caption.

Transparent: This will make the background either solid of opaque.

Background Color: This will allow you to select that color that you want the caption to be.

Margin Top: This controls the margin for the top “can be used for centering as well”

Margin Bottom: This controls the margin for the bottom “can be used for centering as well”

 

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS

Augment Flip

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.

 

 

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-stacks/augment-complete/">
RSS