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.
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?
Hailey
Hi Hailey Lee,
Thank you for reply :)
Please find the attached OML file for your reference.
Hi Hailey,
Check this once https://www.outsystems.com/forums/discussion/21967/dynamically-shortened-text-with-show-more-link-in-outsystems/
Hope it's help.
Good Day :)
Regards
Samiksha.
Please try this sample application and let me know whether it's working for you or not.
Regards,
Samiksha
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.
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
Sourav
Sourav Pasari wrote:
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
https://amit-verma331.outsystemscloud.com/DemoFile/TestScreen.aspx?_ts=637384541983042553
Hi team, I have similar requirementI 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?