Created on 18 April 2022
icon_unfollowing
Login to follow
avatar-stack

Avatar Stack

icon_trusted
Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 18 April 2022 by 
avatar-stack

Avatar Stack

Documentation
1.0.0

The Avatar Stack is a way of listing your data in an avatar sequence.

There are two patterns.

One pattern will be the parent, the Avatar Stack, where you have one placeholder to put the childs.

And the Second Pattern will be the child, the AvatarStackItems, where you can insert:

  1. An expression to simply put some calculation; in the demo, you can see that I use an expression to say the number of items besides the ones with images/avatars;
  2. An image/Avatar;

You can use both patterns together, or the AvatarStackItems alone, without the parent(AvatarStack), but remember you will need a parent container with the class "avatars" on the Style Classes.

When downloading/installing the asset, be careful; you will need to see that the theme is on the module level and not on the patterns style sheet. What does this mean? - It means that if you want to see the theme working, you will need to copy the theme from the patterns' theme module and paste it into the base theme of your application where you are using the pattern. It can be on the module or the base theme where your base theme is; it's your choice.

If you have any doubts, feel free to ask! :)

Happy coding.

Márcio Carvalho


Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
Avatar Stack has no dependencies.