Vertical Divider Widget screen

Shows a vertical line on a custom page.

Figure: Vertical Divider Widget screen

Vertical Divider Widget screen

Video: Advanced Page Builder Features

Examples

Prerequisites

How to Start

  1. Click Build Pages Build Pages icon.
  2. On the Pages screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row.
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.
      2. Click Add Add icon.
  3. Click Add Widget.
  4. On the Pick a Widget screen, on the Layout tab, click Vertical Divider Vertical Divider icon.

Fields

Field Name Definition

Divider Width (px)
Function:
Specifies the width of the vertical line in pixels.
Accepted Values:
A positive integer.
Default Value:
1

Divider Color
Function:
Specifies the color of the vertical line.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
ffffff
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Add
Function:
Adds the widget to your custom page.