Divider Component

A visual break between components.

On this page:

Last reviewed: May 6, 2022

Using This Component

This component has only one tab. Click the wrench icon to configure these settings.

Technical Restrictions

Configure - Main Settings

  • Style: Choose between:
    • Dotted line (default)
    • Double Line - Intended for use in the Related Content Container. When placed there, the double line will display by default.
    • Blank - Use to create extra white space on the page.
  • Clear Float: Decide whether you want a clear float of Left (default), Right, Left and Right (i.e. 'both'), or None.
    • Use to ensure the divider will float BELOW another component that has been set to float on the page, such as the Photo Component or Related Content Container. For example, if you select None, the divider might wind up next to a photo.
  • Vertical Space: Adds space in pixels above and below the divider.
    • For example, if you entered 40, 20 pixels of white space will be added above the midpoint of the component, and an additional 20 pixels of white space will be added below the divider. If you had selected Blank, there would be a continuous 40 pixels of white space.

See an Example

Watch a Training Video

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)
(Required)