# Vertical Scrollbar instead of bottom Scrollbar?

**URL:** <https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142>\
**Category:** General Discussion\
**Tags:** ignition81\
**Created:** [November 4, 2024, 5:54pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142 "2024-11-04T17:54:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Craig\_Sathoff](https://avatars.discourse-cdn.com/v4/letter/c/5daacb/32.png) [@Craig\_Sathoff](https://forum.inductiveautomation.com/u/Craig_Sathoff)\
**Post date:** [November 4, 2024, 5:54pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/1 "2024-11-04T17:54:35Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/a/faad191e72124b935a26ac04e4b7c2e1550aadf8.png)

Any chance I can make this into a vertical side scrollbar instead of the bottom scroll bar it defaults to?

This is a Tab Strip being used in a Template.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 4, 2024, 6:07pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/2 "2024-11-04T18:07:26Z")

</div>

I think that in the GUI world that's a "spinner", not a scrollbar.

Welcome to the forum.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [November 4, 2024, 6:49pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/3 "2024-11-04T18:49:10Z")

</div>

> [@Craig\_Sathoff](#):
>
> Any chance I can make this into a vertical side scrollbar instead of the bottom scroll bar it defaults to?

Not easily. You could use a template and template repeater to approximate the same end result as a tab strip, though. You'd be in charge of wiring up the event handling yourself.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [November 4, 2024, 9:43pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/4 "2024-11-04T21:43:22Z")

</div>

> [@paul-griffith](#):
>
> use a template and template repeater

It probably wouldn't be that bad. A tag path custom property on the template instance could be used for the window swap, and a selected index property on the template repeater could drive the background colors of the tabs via the propertyChange event to give the selected tab effect.

I've made several custom tables that give selected row indication in this way. I just pass the index property of the template up to the repeater with scripting. In this case, I imagine the property change event would just iterate through the loadedTemplates property to adjust the colors and use the updated index value to get the tag path for the window swap.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [November 4, 2024, 9:56pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/5 "2024-11-04T21:56:46Z")

</div>

Oh, yeah, I'd definitely do this with the repeater, I wouldn't even hesitate. I almost tagged you because I thought you might not be able to resist the intellectual curiosity of swapping out the scrollpane implementation, but, yeah, that's definitely not the 'right' way to handle this I would say.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 4, 2024, 10:00pm UTC](https://forum.inductiveautomation.com/t/vertical-scrollbar-instead-of-bottom-scrollbar/98142/6 "2024-11-04T22:00:12Z")

</div>

> [@paul-griffith](#):
>
> I almost tagged you

What? I **demand** fairness in nerd-sniping!!