# Hide screen parts

**URL:** <https://discourse.nodered.org/t/hide-screen-parts/11790>\
**Category:** General\
**Created:** [3 June 2019 08:16 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790 "2019-06-03T08:16:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lozzer65](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@lozzer65](https://discourse.nodered.org/u/lozzer65)\
**Post date:** [3 June 2019 08:16 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790/1 "2019-06-03T08:16:28Z")

</div>

Anyone know how I can hide the mouse pointer on a touchscreen. also how to hide the menu button in the top left corner.

Thanks  
Laurie

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [3 June 2019 08:29 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790/2 "2019-06-03T08:29:25Z")

</div>

What operating system are you running on the computer running the touchscreen? What browser are you using?  
Do you mean when using node-red-dashboard?

---

<div class="post-metadata">

**Author:** ![lozzer65](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@lozzer65](https://discourse.nodered.org/u/lozzer65)\
**Post date:** [3 June 2019 09:01 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790/3 "2019-06-03T09:01:08Z")

</div>

Node red is running on a linux ubuntu server. Screen is connected to a thin client.

I have managed to hide the menu by adding this below to a template node.

Now I just need to hide the pointer arrow.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [3 June 2019 09:10 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790/4 "2019-06-03T09:10:56Z")

</div>

Hi @lozzer65

I assume this means you are talking about Node-RED Dashboard and not the editor itself.

Have you searched for how to hide the mouse pointer using CSS?

For example: [https://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript](https://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript)

---

<div class="post-metadata">

**Author:** ![lozzer65](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@lozzer65](https://discourse.nodered.org/u/lozzer65)\
**Post date:** [3 June 2019 09:15 UTC](https://discourse.nodered.org/t/hide-screen-parts/11790/5 "2019-06-03T09:15:49Z")

</div>

I did find this in the start of the article.

> **[Node-Red Dashboard Thoughts - Scargill's Tech Blog](https://tech.scargill.net/node-red-dashboard-thoughts/)**
>
> Or put another way – how to use Node-Red Dashboard without a mouse cursor or a menu – on a touch screen. I’ve been playing with the touch-LCD screen on a Raspberry Pi – this was a Chinese one – quite cheap.. “5 inch HDMI LCD V2” – an 800\*480 touch...

Nost sure exactly how to implement this.

Where should this code be placed ???
