[OutSystems UI] Card List

Forge Component
(91)
Published on 25 Aug (4 weeks ago) by OutSystems R&D
91 votes
Published on 25 Aug (4 weeks 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




Daniël Kuhlmann wrote:

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

 

 Hi Daniel,


I would like to develop the UI and functionality like the page https://www.outsystems.com/partners/list/?sort=1&page=2 


Could you please guide me which widget or screen template I should use?


Thanks & Regards

Ashish AKolkar

Hi,

That is not one widget or screen template. I tried to identify (groups) of different widgets that you need to use.

So you have a header and a body, the body has a small left and a large right.

End so on... try to break it down. Then start working your way up. Try to find matching widget in the UI Style Guide and try to implement it.

Regards,

Daniel