Skip to main content

 

Traditional Web

 

Applies only to Traditional Web Apps

 

OutSystems

Separator Reference

  • Edit
  • Layout and classes

    CSS selectors

    Element CSS Class Description
    .separator .separator-horizontal When IsVertical parameter is False
    .separator .separator-vertical When IsVertical parameter is True

    Advanced use case

    Use the vertical separator

    1. Drag a container into the preview.

    2. Create a class called "separator-height".

      .separator-height {
          height: 100px;
      }
      
    3. Drag the Separator pattern into the container.

    4. Set the IsVertical parameter to True.

    5. Publish and test.

    • Was this article helpful?