43
Views
4
Comments
Best UI to show unique value for list of records
Application Type
Reactive
Service Studio Version
11.53.16 (Build 61265)

Hi All,

I'm new to Outsystem and needs some advice how to show the below data in the best user experience. 

In the current design, there is a duplicate data for each row. Level 1 is repeated for every rows.

I would like to achieve this by just showing one value (Expected Design).

What is the UI I can utilize to meet my expected design?

Additional info:

- A block can have many levels (E.g. Level 1 to X)


UserImage.jpg
Saurabh Shivananda Prabhu Chimulkar

Hi Wilson,

You can explore and use the OutSystems Data Grid - Overview | OutSystems , to see if it meets your requirements. There are a host of features that are provided by it. There is also a sample app for it that you can try out

Hope this helps.

Regards,

Saurabh

2021-12-23 04-28-09
Navneet Sharma

Hello @Wison ,

Welcome to Outsystems !

Thanks for your first Post.

Yes this is possible  I have attached a Solution OML file.

Please revert me back if there is any confusion. 

please find the attachments.

I hope this OML will help you.


Thanks & Regards

Navneet Sharma




LevelExcercise.oml
UserImage.jpg
Wilson He

Hi Navneet, I'm not unable to launch the file successfully. 

There was an error processing your request.

RELOAD

What are the implementation?

2021-12-23 04-28-09
Navneet Sharma

Hello @Wilson He ,

No issue ill Explain you Step wise Step.

Step1: Created 2 Entities  (Level , Location)

       



Step 2: Create Home Screen and Location WebBlock

Home Screen: Created GetLevels Aggregates for Levels List

Location WB: Created GetLocationsByLevelId Aggregates for fetch Location according to LevelId

Step3: How to Make UI list As per as your Requirements

Expression code : GetLevels.List.Current.Level.Name

Step 4: Published 

I hope this Steps will Help you


Thanks & Regards

Navneet Sharma

LevelExcerciseNew.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.