Skip to main content

 

Traditional Web

 

Applies only to Traditional Web Apps

 

OutSystems

Counter Reference

  • Edit
  • Layout and classes

    CSS selectors

    Element CSS Class Description
    .center-align .flex-direction-column When Orientation is Vertical

    Advanced use case

    Add a new style to the Counter Pattern

    1. Drag the Counter pattern into the preview.

    2. Set the Orientation to Vertical, Height to 200 and ExtendedClass property to background-blue shadow-xl.

    3. Drag a container into Counter placeholder and type '26'.

    4. Set the Style Classes property of the container to font-size-display text-neutral-0.

    5. Drag a container into Counter placeholder and type 'Completed Requests'.

    6. Drag another container into Counter placeholder.

    7. Drag an Icon Widget into the container and set the Name property to Entities.IconName.check and Size to Entities.IconSize.Size_3x.

    8. Publish and test.

    • Was this article helpful?