Setting Up Widgets

Drop Down Now Included In Vertex

This is the S5 Ultimate Drop Down. This is a feature that is seen in several Shape 5 designs. Many have asked how to add to other designs so we decided to build this into the framework so every design from now on will have this functionality. Be sure to read more about this new feature here: Features:

  • Customize almost everything! Shadows, borders, gradient, opacity
  • Contains 6 widget positions: drop_down_1, drop_down_2, drop_down_3, drop_down_4, drop_down_5 and drop_down_6
  • Auto adjust to the height of your content
  • Set your own open and close text
  • And many more features!

Drop Down

This the default styling for a widget published to the "Drop Down" row. This row has 6 positions; read below for more info.
Open Panel
  • Register
This is the "Custom 1" position.


Top Row 1

This the default styling for a widget published to the "Top Row1" row. This row has 6 positions; read below for more info.

Top Row 2

This the default styling for a widget published to the "Top Row2" row. This row has 6 positions; read below for more info.

Extra Padding

This is the Extra Padding style.

Top Row 3

This the default styling for a widget published to the "Top Row3" row. This row has 6 positions; read below for more info.

Split Line

This is the Split Line style.

No_margin

This is the No Margin style.

Centered Split Line

This is the Centered Split Line style.

Right Inset

This is the default styling for the "Right Inset" position. There is also a "Left Inset" position and many others; be sure to read the full description.

Right

This is the default styling for the "Right" position. There is also a "Left" position and many others; be sure to read the full description.

Highlight Border

This is the Highlight Border style and can be applied to most positions.

Border

This is the Border style and can be applied to most positions.

Highlight

This is the Highlight style and can be applied to most positions.

Highlight Full

This is the Highlight Full style and can be applied to most positions.

White Border

This is the White Border style and can be applied to most positions.

Dynamic TitlesExtra!

To use a dynamic title simply enter any hex color code along with your title into any widgets "Dynamic Title" field in the widget admin area as shown:

Examples:
#F0F0F0 Hot
#FF0032 Find
#030303 Info
#000000 Popular

You must enter the suffix exactly as shown with a space after the color and no dashes.

For the default background image, use "none" in place of the color, or just use a single space before the word.

Bottom Row 1

This the default styling for a widget published to the "Bottom Row1" row. This row has 6 positions; read above for more info.

Custom 2

This is the "Custom 2" position.

Custom 3

This is the "Custom 3" position.

Bottom Row 2

This the default styling for a widget published to the "Bottom Row2" row. This row has 6 positions; read above for more info.
You Are Here:   Photobox  /  Tutorials  / Setting Up Widgets

Bottom Row 3

This the default styling for a widget published to the "Bottom Row3" row. This row has 6 positions; read above for more info.

Debug

This is the default "Debug" position style.

S5 Box – Login

Publish a login form or anything you want to this position.

S5 Box – Register

Publish a registration form or anything you want to this position.