# Dashboard not displaying correctly on ipad

**URL:** <https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202>\
**Category:** Dashboard\
**Created:** [18 September 2021 12:23 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202 "2021-09-18T12:23:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sirhc](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Post date:** [18 September 2021 12:23 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/1 "2021-09-18T12:23:37Z")

</div>

Hello

I have an iPad Air 10.9 inch and I can’t get the node red dashboard to display in full screen mode properly. As you can see in the attached screenshot there’s a white bar at the top. I am using safari and I added the dashboard to home screen as a shortcut

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/4/54e96b22b939c263de78748105cdbe4bbdd9ef40.jpeg)

Also how do I bold the label in a text node? This didn't work

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/1/01281c99a4487140ac7cc368f0f74077ac9e66ed.png)

---

<div class="post-metadata">

**Author:** ![Sirhc](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Post date:** [18 September 2021 13:49 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/2 "2021-09-18T13:49:16Z")

</div>

It has to do with this section of my template node:

body.nr-dashboard-theme {  
background: radial-gradient(circle, rgb(60 60 60) 0%, rgb(40 40 40) 40%, rgba(20,20,20,1) 100%);  
}

But I can't work out why it's showing that white line :\

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 September 2021 17:16 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/3 "2021-09-18T17:16:56Z")

</div>

Probably the browser is old enough not to support that particular CSS ?

---

<div class="post-metadata">

**Author:** ![Sirhc](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Post date:** [18 September 2021 22:57 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/4 "2021-09-18T22:57:44Z")

</div>

Thanks for the response - the ipad is 4th gen (2 days old) with the newest version of safari installed. Is there an alternative way to fade the background without showing this white bar?

---

<div class="post-metadata">

**Author:** ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)\
**Post date:** [19 September 2021 08:56 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/6 "2021-09-19T08:56:28Z")

</div>

@Sirhc You probably should have opened with the fact that you are using a variation of @hotNipi's _"But it is blue"_ example theme - [Dashboard CSS - custom and blue](https://discourse.nodered.org/t/dashboard-css-custom-and-blue/42055)

That top bar is part of the device display... clock, battery, WiFi, etc.

The same CSS background mod on Android (at least on my v7 phone) is white text on whatever colour the Node-Red theme's **Base** setting is (I usually use grey for my dark mode).

 ![2021-09-19 01.31.09](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/d/8d66e1c2ddff903d9615c9f569c3747b8d348c51.jpeg) ![2021-09-19 01.46.33](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/f/bf246874f539f2af24935e8a33a75292f2cda7cd.jpeg)

On an older Android (v4.4), it is always white on black. regardless of Base colour.

And as you noticed, on the iPad (and iPhone?) it is always white on white (when using that CSS background gradient mod), regardless of what **Base** colour (as tested on my iPad Air 1). It seems to be an Apple thing and I'm not sure you can change it _and_ have a gradient background.

---

<div class="post-metadata">

**Author:** ![Sirhc](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Post date:** [20 September 2021 12:04 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/7 "2021-09-20T12:04:21Z")

</div>

Thanks for the responses!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [20 October 2021 12:04 UTC](https://discourse.nodered.org/t/dashboard-not-displaying-correctly-on-ipad/51202/8 "2021-10-20T12:04:39Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.