# Change scrollbar

**URL:** <https://forum.inductiveautomation.com/t/change-scrollbar/11984>\
**Category:** Ignition\
**Created:** [July 28, 2016, 6:55am UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984 "2016-07-28T06:55:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![pascal](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pascal](https://forum.inductiveautomation.com/u/pascal)\
**Post date:** [July 28, 2016, 6:55am UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/1 "2016-07-28T06:55:54Z")

</div>

Hello everyone, I recently saw the webinar Design Like a Pro: Graphic Design Tips for Better HMIs and I can’t figure out how to get the scrollbar as it is in the video.

It seems that when the project is in Client mode in the the video, the scrollbar looks like this :[attachment=0]scrollbar.JPG[/attachment] I’m tinking maybe it can be done with UIManager but I don’t have a great experience with this. Does anyone know how it could be done?

---

<div class="post-metadata">

**Author:** ![jim\_lapratt](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@jim\_lapratt](https://forum.inductiveautomation.com/u/jim_lapratt)\
**Post date:** [July 28, 2016, 11:00am UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/2 "2016-07-28T11:00:36Z")

</div>

A screen shot of what you want it to look like, would help others help you.

---

<div class="post-metadata">

**Author:** ![pascal](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pascal](https://forum.inductiveautomation.com/u/pascal)\
**Post date:** [July 28, 2016, 12:13pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/3 "2016-07-28T12:13:29Z")

</div>

The screenshot attached above is what I want it to look like.

---

<div class="post-metadata">

**Author:** ![pascal](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pascal](https://forum.inductiveautomation.com/u/pascal)\
**Post date:** [July 9, 2018, 6:32am UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/4 "2018-07-09T06:32:17Z")

</div>

A bit old, but i’m reviving it.  
This is a default scroll bar : ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/91785113f763721824715e04aa7e160bc80e33dc.png) . I would like to change it to have somtehing like this : ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2cafdc8ae793da1d1b095121ea7c74a222471d9e.png)  
Anyone can help ?

---

<div class="post-metadata">

**Author:** ![zxcslo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zxcslo/32/61610_2.png) [@zxcslo](https://forum.inductiveautomation.com/u/zxcslo)\
**Post date:** [July 9, 2018, 1:46pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/5 "2018-07-09T13:46:16Z")

</div>

[http://info.vertech.com/blog/tips-for-using-python-in-ignition-scada](http://info.vertech.com/blog/tips-for-using-python-in-ignition-scada)

---

<div class="post-metadata">

**Author:** ![pascal](https://avatars.discourse-cdn.com/v4/letter/p/e9a140/32.png) [@pascal](https://forum.inductiveautomation.com/u/pascal)\
**Post date:** [July 10, 2018, 12:21pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar/11984/6 "2018-07-10T12:21:31Z")

</div>

Thanks for this useful link !