Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Separator Reference

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • 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?