Modifying a drop Down in perspective to make scroll bar bigger

Ignition
1

This is for perspective in ignition. I have a drop down as shown below
image
I want to make the scroll bar wider so it's more touch friendly

I also want to make the list options hold more items. I was wondering if there was an an easy way to do it without doing any gateway modifications

2

I suspect that's an operating system setting - not internal to Perspective.

  1. What OS are you using?
  2. What client are you using?
3

So I'm on Windows 11
The browser is Brave but the snapshot is from the designer itself when I play it

4

See if this helps:

5

scrollbar-width - CSS: Cascading Style Sheets | MDN (mozilla.org)

I was presuming there was a scroller option that could be modified somewhere

image
image759×886 25.1 KB

It seems possible in the css

6

you can use the advanded stylesheet to add creat class and add
::-webkit-scrollbar behind it to target only the scrollbar of a dropwdown

2 Likes
7

Hey Victor
Thanks for sending that.
I'm currently required to use
Ignition Platform 8.1.17 (b2022051210)
I know that feature is only for 8.1.19 if I'm not mistaken
I ended up using the trick below and adding the fit-content attribute to max-height
Dropdown Height - Ignition - Inductive Automation Forum

8

you could also inject the scrollbar style into a styleclass just like the max-height in the post you linked

1 Like