220
Views
7
Comments
Solved
List Records with View More button
Question

Hi all,

I'm using traditional web and OS11 to develop my app. I would like to ask how to implement the SHOW MORE/SHOW LESS button with list records. I found the SHOW MORE/SHOW LESS text solution but I can't copy the logic in my project. 


Thank you.

2024-02-16 07-43-18
Amit Verma
Solution

Hailey Lee wrote:

Amit Verma wrote:

Hi Hailey Lee ,

If you want to load next set of records in the record list when you click on the "Show More" option.  

Yes you can, Add one integer variable and go to the List Records properties where you will find Line Count, set Line Count to that variable you added. 

Assign variable value = 10 at preparation. It will display 10 record by default when page is loaded. Then add a link "Show More" and assign variable value to ListRecords1.LineCount and refresh the list record container. 

Demo url for your reference :

https://amit-verma331.outsystemscloud.com/MultipalSelect/TestScreen.aspx?_ts=637384458739957013

Hope this will help you :)

- AV

Thanks

Hi Amit,

Thank you for providing the solution. This is the exact thing that I am looking for. Would you please provide the oml file so I can reference it?


Thank you.

Hailey

 

 Hi Hailey Lee,

Thank you for reply :)

Please find the attached OML file for your reference.

- AV

Thanks

 

DemoFile.oml
2020-06-04 15-38-19
Samiksha Manekar
2020-06-04 15-38-19
Samiksha Manekar

Hi Hailey,

Please try this sample application and let me know whether it's working for you or not.

Hope it's help.

Regards,

Samiksha

DemoApp2.oml
2018-12-01 17-54-01
Sourav Pasari

Hailey Lee wrote:

Hi all,

I'm using traditional web and OS11 to develop my app. I would like to ask how to implement the SHOW MORE/SHOW LESS button with list records. I found the SHOW MORE/SHOW LESS text solution but I can't copy the logic in my project. 


Thank you.

 Hi,

Do you want some thing like this -> https://www.viralpatel.net/demo/jquery/show-more-link-shortened-content/

OR

You want to load next set of records in the record list when you click on the "show more" option. 

OR

List record will already loaded with full data set. Only you want show a minimum length of the list and when you click on the "Show More" link make the full list visibility

Thanks

Sourav

UserImage.jpg
Kay Smith

Sourav Pasari wrote:

Hailey Lee wrote:

Hi all,

I'm using traditional web and OS11 to develop my app. I would like to ask how to implement the SHOW MORE/SHOW LESS button with list records. I found the SHOW MORE/SHOW LESS text solution but I can't copy the logic in my project. 


Thank you.

 Hi,

Do you want some thing like this -> https://www.viralpatel.net/demo/jquery/show-more-link-shortened-content/

OR

You want to load next set of records in the record list when you click on the "show more" option. 

OR

List record will already loaded with full data set. Only you want show a minimum length of the list and when you click on the "Show More" link make the full list visibility

Thanks

Sourav

 Hi Sourav

 What I would like to try to achieve is this >> List record will already loaded with full data set. Only you want show a minimum length of the list and when you click on the "Show More" link make the full list visibility 


Thank you.

Hailey

2024-02-16 07-43-18
Amit Verma

Hi Hailey Lee ,

If you want to load next set of records in the record list when you click on the "Show More" option.  

Yes you can, Add one integer variable and go to the List Records properties where you will find Line Count, set Line Count to that variable you added. 

Assign variable value = 10 at preparation. It will display 10 record by default when page is loaded. Then add a link "Show More" and assign variable value to ListRecords1.LineCount and refresh the list record container. 

Demo url for your reference :

https://amit-verma331.outsystemscloud.com/DemoFile/TestScreen.aspx?_ts=637384541983042553

Hope this will help you :)

- AV

Thanks

UserImage.jpg
Kay Smith

Amit Verma wrote:

Hi Hailey Lee ,

If you want to load next set of records in the record list when you click on the "Show More" option.  

Yes you can, Add one integer variable and go to the List Records properties where you will find Line Count, set Line Count to that variable you added. 

Assign variable value = 10 at preparation. It will display 10 record by default when page is loaded. Then add a link "Show More" and assign variable value to ListRecords1.LineCount and refresh the list record container. 

Demo url for your reference :

https://amit-verma331.outsystemscloud.com/MultipalSelect/TestScreen.aspx?_ts=637384458739957013

Hope this will help you :)

- AV

Thanks

Hi Amit,

Thank you for providing the solution. This is the exact thing that I am looking for. Would you please provide the oml file so I can reference it?


Thank you.

Hailey

 

UserImage.jpg
Shahrukh Barmaky

Hi team, I have similar requirement
I have fetched data from an API and made a list of records. that list has 16 records, I want to show only 10 records when user land to that page, and once user click on View more Button then all 16 records (first 10 + next 10 if available) should display. I was trying to implement Amit solution but not getting line count field in List Property. Any solution how can i implement this?

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