Madhu Sudhan
Rank: #1186
15Views
7Comments
Solved
card in traditional web app
Question
New to OutSystems

Hi Team,

I need help with implementing card's in traditional web app:

I have an existing screen which displays a table with more than 1 record, now I need to replace that table showing all the records, with Card layout. 1 record details should display on 1 Card.

so if have 3 records in my table it should display 3  cards with the respective record details (1 card for 1 record details) , the cards should dynamically adjust to number of records in the Table.

Please help me with an example or reference link. Thanks in advance.

Regards,

Madhu


0
0
on 2020-10-19
Copy link to comment
João Marques
Rank: #68
Solution

Hi Madhu,


You have some cards widgets on OutSystems UI:

Then, you only need to have on your list or table a card and fill your data with the information from the query attached to the list or table, like on the image below:



You can see on the Tree widget on the right that the Card is inside the List.


Hope it helps.


Cheers,

João

0
0
on 2020-10-19
Copy link to comment
João Marques
Rank: #68

Hi Madhu,


I am glad I could help :)


Cheers,

João

0
0
on 2020-10-19
Copy link to comment
Benjith Sam
mvp_badge
MVP
Rank: #75

Hi Madhu,

I would request you to mark João post as solution, since you marked your reply to his post as solution.

Please always motivate the real contributor who in actual took some time to help you. It is a kind gesture to thank and promote an individual for his/her act of kindness and contribution :)

Let's together make this space a source of learning, sharing and encouraging medium for each other :)

I hope that you agree with me :)


Kind regards,

Benjith Sam

2
0
on 2020-10-19
Copy link to comment