# Hide Horizontal scroll bar in perspective

**URL:** <https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903>\
**Category:** Ignition\
**Tags:** ignition81, perspective, scripting\
**Created:** [June 12, 2023, 1:22pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903 "2023-06-12T13:22:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\
**Post date:** [June 12, 2023, 1:22pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/1 "2023-06-12T13:22:33Z")

</div>

Hi Guys,

Any idea how to hide the Horizontal scroll bar of the table in perspective?

Thanks,  
Priyanka

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 12, 2023, 2:36pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/2 "2023-06-12T14:36:08Z")

</div>

Hide as in make it "not visible" or as in make it so the Table doesn't scroll?

---

<div class="post-metadata">

**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\
**Post date:** [June 12, 2023, 2:59pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/3 "2023-06-12T14:59:39Z")

</div>

Hide as in make it "not visible".

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 12, 2023, 3:14pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/4 "2023-06-12T15:14:22Z")

</div>

It's going to require some advanced CSS settings applied via the theming files or stylesheet.css resource ( or maybe a Named Style), but I have to highly recommend against hiding built-in scrollbars. They are an important UI indication of additional content, and hiding them does not remove their functionality.

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [June 12, 2023, 3:15pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/5 "2023-06-12T15:15:48Z")

</div>

The table should automatically show/hide the scrollbar based on content. If all of the content cannot fit, the scrollbars will be visible. Why are you trying to hide them?

---

<div class="post-metadata">

**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\
**Post date:** [June 12, 2023, 3:34pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/6 "2023-06-12T15:34:41Z")

</div>

Client requirement.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [June 12, 2023, 3:35pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/7 "2023-06-12T15:35:40Z")

</div>

May I suggest telling your client this is a terrible, terrible idea ?

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [June 12, 2023, 3:35pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/8 "2023-06-12T15:35:43Z")

</div>

Then I suggest making the data that you are going to display fit in the viewable area using column sizing.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 12, 2023, 4:31pm UTC](https://forum.inductiveautomation.com/t/hide-horizontal-scroll-bar-in-perspective/74903/9 "2023-06-12T16:31:09Z")

</div>

Agreed. This sounds like an aesthetic requirement, which could be resolved by either:

- removing a piece of important UI.
- adapting the display of the component such that there is no need for the scroll bars in the first place.

Again, I highly recommend against the first option, but [this link](https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll) should get you started. Note that you'll need to adjust the selector in use, and the examples provided by that site might not even work across multiple browser types (chrome, firefox).
