[OutSystems UI] Card List

Forge Component
(83)
Published on 21 May (11 days ago) by OutSystems R&D
83 votes
Published on 21 May (11 days ago) by OutSystems R&D

Hi every one, 


iam new in outsystem and iam trying to create card list like this image, please any on can help me ?

Best way to approach this is to look at how outsystems does this in some of its web templates.

Create a new traditional web app, create a new screen and use the Cards Gallery template. You can then inspect the structure of the template pattern to see how it has been done. 


Hi Leonel,

Look at this website the shows all patterns, widgets, and screen templates available for OutSystems UI.

You can even play with their configuration. 

https://outsystemsui.outsystems.com/OutsystemsUiWebsite/

Maybe this screen template can accelerate your application.

https://outsystemsui.outsystems.com/OutSystemsUIWebsite/FourColumnGallery

After you create a screen with this template, just drop your own entity on the screen to consume the attributes from the entity that you want to list data from.

Regards,

Daniel

Solution

Hi Leonal,


You can do as per below screen shot.You might then need some css to arrange your fields as per your fields structure


Solution

Salman Ansari wrote: thanks Salman. sound good here. :)

Hi Leonal,


You can do as per below screen shot.You might then nhttps://www.bhphotovideo.com/explora/portable-entertainment/news/top-5-new-features-windows-phone-81eed some css to arrange your fields as per your fields structure