Scroll bar for multi rows variable set (MRVS)

Dennis17
Tera Guru

Hi guys,

I'm working on a requirement to display data on Service Portal through multi row variable set. I'm making this MRVS read-only. My question is if it's possible to display many records (like 50) and use a vertical scroll bar to move from the top to the bottom, avoiding to display 50 records at the same time.

 

Thanks in advance!

Dennis.

5 REPLIES 5

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Dennis17 

We have implemented something similar for our client, and as I remember, MRVS can display 100 records at a given time without scrolling. However, you might need to add scrolling—I’m not 100% sure.

 

https://www.servicenow.com/community/developer-forum/how-to-add-mrvs-quot-100-rows-quot-on-a-catalog...

 

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

Shubham_Jain
Mega Sage

@Dennis17 

 

Steps to Enable Scrolling in MRVS:

  1. Modify the CSS of the Multi-Row Variable Set widget:

    • Add a fixed height and enable overflow scrolling for the MRVS container.
  2. Apply the CSS using Service Portal Theme or a Widget:

    • You can either add this CSS in the portal theme or inside a custom widget that wraps around your MRVS.

✔️ If this solves your issue, please mark it as Correct.


✔️ If you found it helpful, please mark it as Helpful.



Shubham Jain


@Dennis17 Let me know if you need CSS code for it

✔️ If this solves your issue, please mark it as Correct.


✔️ If you found it helpful, please mark it as Helpful.



Shubham Jain


Hi Shubham,

If you already have it, please attach the CSS. I will check if this customization would be accepted by the company.

Thanks!