How do you add a scroll bar to a Simple List widget for service portal?

[cindylove]

I'm using Simple lists to display incidents, change tickets, requests, etc.

Our users want to be able to see all of their tickets. Some users have a lot of tickets. If you don't define maximum entries, it causes the widget size to expand on the page. I want a more uniform look.

I would like to add a scroll bar to the widget.   Any ideas on how to do this?

[Jon Barnes · Accepted solution]

You can pass this option into the widget instance to set the maximum height of the simple list widget. That way if the widget grows beyond that point, it will automatically put a scroll bar on it. I set it to 250px below as an example.

"panel_body_height": {

"value": "250px",

"displayValue": "250px"

}

If you do this in the widget configurator, it looks like this:

[Joshua Harem]

Hi Jon - Where does this code actually go? I'm learning the service portal and have a request to add a scroll bar. I've tried adding this in the json sections where ever I could and it never allows me to have this as an instance option. Thanks!

[JDickson]

Hi 

I was forwarded to this thread after raising a similar ticket myself. I need to add a scrollbar to the time card grid widget. When users have a lot of time cards they need to use the arrow keys to move down the list. Where in the CSS script would this go?

Regards,

John

[cindylove]

Thanks Jon, that worked great!