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 Page Builder.
  2. On the Page Builder screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row

        Custom Page screen
        .
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.

        Click Bottom Line
      2. Click Add.

        Click Add
  3. Click Add Widget.

    Custom Page Design screen
  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.