Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Alert Reference

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Layout and Classes

    CSS Selectors

    Element CSS Class Description
    .alert .alert-error When Alert type selected is Error
    .alert .alert-info When Alert type selected is Info
    .alert .alert-success When Alert type selected is Success
    .alert .alert-warning When Alert type selected is Warning
    .alert .alert-close.is--hidden When ShowCloseButton parameter is False

    Advanced Use Case

    Add enter animation to Alert pattern

    1. Create a local variable of type Boolean called "ShowAlert" and set the default value to False.

    2. Drag a container into preview and name it (for instance, AlertAnimation).

    3. In the properties of the container, change the display from True to ShowAlert.

    4. Drag the Animate pattern into the container.

    5. Change the EnterAnimation property to EnterTop.

    6. Drag the Alert pattern into the Animate placeholder.

    7. Set the Alert type (mandatory value).

    8. Type the message you want to display.

    9. Publish and test.

    • Was this article helpful?