# Dashboard options for an old iPad

**URL:** <https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638>\
**Category:** Dashboard\
**Created:** [14 March 2021 19:18 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638 "2021-03-14T19:18:04Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![haegar33](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/haegar33/32/38805_2.png) [@haegar33](https://discourse.nodered.org/u/haegar33)\
**Post date:** [14 March 2021 19:18 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/1 "2021-03-14T19:18:05Z")

</div>

Hello,  
I want to use my old iPad2 as a wall mounted permanent display showing my node-red dashboard. The expected problem is that not all widget elements are displayed correctly on such an old device (actually I am surprised that 80% is correct 😉  
In particular line graphs are distorted, y-axis labels show 1.999999 instead of 2.0 and more.

Are there any options I can do to make my dashboard more downward compatible? I also tried other options like uibuilder but then even more elements,graphs are simply not displayed.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [14 March 2021 19:31 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/2 "2021-03-14T19:31:01Z")

</div>

> [@haegar33](#):
>
> I also tried other options like uibuilder but then even more elements,graphs are simply not displayed.

uibuilder may well help. However, you would need to think about what framework to use. The latest, greatest version of any framework simply won't cut it. You will need to dig into the archives to find old versions.

Personally, I would recommend uibuilder with jQuery then chose any widgets carefully and use older versions.

---

<div class="post-metadata">

**Author:** ![haegar33](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/haegar33/32/38805_2.png) [@haegar33](https://discourse.nodered.org/u/haegar33)\
**Post date:** [15 March 2021 09:28 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/3 "2021-03-15T09:28:15Z")

</div>

Yes, that might be the "long way". Before I would try something more simple maybe creating a suitable ui\_template with the standard NR dashboard? My javascript experience is limited, in particular the mechanism how frameworks are implemented on server and client side...  
One idea is to visit homepages of different graphic-framework (i.e. chartjs,com) with the old iPad and see whether the demos are displayed..

---

<div class="post-metadata">

**Author:** ![SergioABC](https://avatars.discourse-cdn.com/v4/letter/s/977dab/32.png) [@SergioABC](https://discourse.nodered.org/u/SergioABC)\
**Post date:** [15 March 2021 22:57 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/4 "2021-03-15T22:57:13Z")

</div>

Hi, I had a similar issue with a 5" display hooked to a raspberry pi. I grouped the different elements into 3 groups and the used the layout option to set the widths and position of each element, I would try this.

---

<div class="post-metadata">

**Author:** ![haegar33](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/haegar33/32/38805_2.png) [@haegar33](https://discourse.nodered.org/u/haegar33)\
**Post date:** [18 March 2021 12:50 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/5 "2021-03-18T12:50:30Z")

</div>

The issue is not so much arrangement but smaller issues when you use different browsers, platforms, (not only the oldtimer iPad).  
i.e. slider not working on tablet but on PC, graph plot axes label numbers do not round to 2-3 digits but display as 1.0000001. This is all due to to the underlaying JS libraries which are different on different client devices (never understood this javascript philosophy which must be a pain for developers..)

I might try to use the generic ui\_template node and call a graphic plot function there?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [18 March 2021 17:16 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/6 "2021-03-18T17:16:41Z")

</div>

> [@haegar33](#):
>
> This is all due to to the underlaying JS libraries which are different on different client devices (never understood this javascript philosophy which must be a pain for developers..)

This is a browse issue more than a library issue and it is rather less common now than it used to be (IE!!!!). However, the new problem IS a JavaScript issue - we have a large committee creating radically new versions every year ☹

> [@haegar33](#):
>
> I might try to use the generic ui\_template node and call a graphic plot function there?

You still have the issue that Angular v1 is very unfriendly to earlier mobile browsers. We regularly saw them crash or fail to display anything useful.

---

<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:** [17 April 2021 17:17 UTC](https://discourse.nodered.org/t/dashboard-options-for-an-old-ipad/42638/7 "2021-04-17T17:17:37Z")

</div>

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