Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps

 

OutSystems

Panel

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Groups information in a small block, organized in different sections for title, actions, content and a small footer that is easily noticeable.

    Use a panel to group short pieces of information and highlight them on the screen with a specific structure.

    How to use

    Add content in the placeholders.

    1. Drag the Panel pattern into the preview.

    2. Set the content in the placeholders.

    3. Publish and test.

    Input Parameters

    Input Name Description Type Mandatory Default Value
    ExtendedClass Add custom style classes to this Block. Text False none

    Layout and Classes

    Advanced Use Case

    Add box-shadow on Panel

    1. Set the ExtendedClass parameter to shadow-l.

    2. Publish and test.

    Before:

    After:

    • Was this article helpful?