Skip to main content

 

Traditional Web

 

Applies only to Traditional Web Apps

 

OutSystems

User Initials Reference

  • Edit
  • Layout and classes

    Advanced use case

    Use the User Initials Pattern with tables

    1. Drag the Users table into preview.

    2. Remove the expression from the Name and drag the UserInitials pattern to it.

    3. In the UserInititals, set the name parameter to the value of the name field from the database.

    4. Change the pattern values.

    5. Publish and test.

    Use the User Initials Pattern with IF conditions

    1. Create a custom class called "table-image-size".
    .table-image-size {
        height: 100px;
        width: 100px;
    }
    
    1. Drag the Users Entity into the preview.

    2. Remove the expression from the Name and drag a container into the cell.

    3. Drag an IF condition tool into the container and set the condition to UserTable.List.Current.User.Is_Active.

    4. In the True branch, drag the UserInitials pattern and set the name parameter to the value of the name field from the database.

    5. To adapt the UserInitials to the size of container, set the ExtendedClass parameter to full-width full-height.

    6. In the False branch, drag an image and set the Style Classes to border-radius-circle.

    7. Publish and test.

    • Was this article helpful?