Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps
OutSystems

Panel

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?