Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Animated Label Reference

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

    CSS selectors

    Element CSS Class Description
    .animated-label .animated-label-inline When IsInline Input Parameter is true

    Advanced use case

    Change the position of the label when it is active

    1. Write the following CSS code in the CSS editor.

      .animated-label.active .animated-label-text {
          top: 50px;
      }
      
    2. Publish and test.

    Before

    After

    • Was this article helpful?