# Dashboard on 320 by 240 screen

**URL:** <https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485>\
**Category:** Dashboard\
**Created:** [31 March 2021 22:18 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485 "2021-03-31T22:18:07Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [31 March 2021 22:18 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/1 "2021-03-31T22:18:07Z")

</div>

Hi,

Really enjoying this so far, trying to use NR with Home Assistant for home autiomation.

I am looking to install switchplates in place of light sockets. I am running PI Zeros with 320x240 screens. I would like to know how to customise the dashboard widgets if possible to make them more small screen friendly, in particular to have slider with a wider target area, about finger width.

As a second problem, nothing to do with NR, I'm finding that Chrome has a minimum window size limitation which means it's always off the side and bottom of the framebuffer. One workaround would be to be able to position the groups precisely in the vewport. At the moment they are always centred, meaning that on the display they are over to the right and not fully showing.

Any other suggestions about chrome/PI desktop welcome, like having a higher res which is downscaled to the screen's native res. Or maybe there's another browser more suitable. I would like to control the browser remotely and even have it act as an MQTT sensor later maybe.

Cheers!

---

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [1 April 2021 10:40 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/2 "2021-04-01T10:40:34Z")

</div>

I will answer my own question in case it helps anyone else later

By moving over to Firefox on the Pi, I could solve these things via userChrome.css and userContent.css.

Firefox lets you override the chrome css so I could control the window minimum width easily there.

I also like userContent.css modifications locally in each dashboard screen, so I can customise the screen elements according to the device. So in my small screen device I just do things like:

```auto
md-slider .md-track-container {
  height: 60px !important;

}

```

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [1 April 2021 11:03 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/3 "2021-04-01T11:03:08Z")

</div>

Did you see this [post](https://discourse.nodered.org/t/start-nodered-dashboard-ui-in-chrome-on-windows-to-raspberrypi-official-display-size/43293) from 5 days ago?

Could you make that work for you?

---

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [1 April 2021 13:17 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/4 "2021-04-01T13:17:53Z")

</div>

Thanks, just tried it. Unfortunately it doesn't override wherever the minimum size limit is set. I guess there is no way around this because chrome/chromium doesn't have the same capability of allowing the chrome style to be overridden as Firefox.

No worries, I am pretty happy with the appearance now.

Actually I have NR running locally on the PI of the switch not on HA anymore, because I hadn't understood there is only one dashboard per NR. It's booting into Firefox in kiosk mode and looking fantastic, just talking to the MQTT broker rather than HA. This way I can also do stuff with the buttons because I can read the GPIO state.

This is the ultimate switchplate solution for me, after 2 weeks of looking at every possible option. About £10 for the screen and the PI zero combined, plus the cost of a PSU and printed case, so \<£15, super smart switch, with UI based programming, lots of other options available with GPIO and sound i/o

---

<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:** [1 April 2021 13:38 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/5 "2021-04-01T13:38:46Z")

</div>

Which screens are you using to get to that price ?

---

<div class="post-metadata">

**Author:** ![wb666greene](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/wb666greene/32/6534_2.png) [@wb666greene](https://discourse.nodered.org/u/wb666greene)\
**Post date:** [1 April 2021 13:47 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/6 "2021-04-01T13:47:18Z")

</div>

Is the kiosk mode command line options for Firefox the same as for Chromium?

---

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [1 April 2021 15:23 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/7 "2021-04-01T15:23:45Z")

</div>

> **[5.8US $ |2.4 / 2.8 /3.2 inch 320\*240 Touch Panel TouchScreen TFT LCD Module...](https://www.aliexpress.com/item/4000115339193.html?spm=a2g0o.productlist.0.0.39347529CiYRo8&algo_pvid=a2bad029-5bbd-4f8b-8be0-6e606fe87530&algo_expid=a2bad029-5bbd-4f8b-8be0-6e606fe87530-14&btsid=0bb0623016171062761065886ec69c&ws_ab_test=searchweb0_0,searchweb201602_,searchweb201603_)**
>
> Smarter Shopping, Better Living! Aliexpress.com

---

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [1 April 2021 15:24 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/8 "2021-04-01T15:24:51Z")

</div>

Similar

```auto
firefox -kiosk http://192.168.0.114:1880/endpoint/ui/

```

```auto
chromium-browser --incognito --kiosk http://192.168.0.114:1880/endpoint/ui/

```

---

<div class="post-metadata">

**Author:** ![jamesd256](https://avatars.discourse-cdn.com/v4/letter/j/ecccb3/32.png) [@jamesd256](https://discourse.nodered.org/u/jamesd256)\
**Post date:** [1 April 2021 15:30 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/9 "2021-04-01T15:30:43Z")

</div>

![IMG20210401162740](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/116add6b25872014bf811743bacacfde2b9d7012.jpeg) ![IMG20210401162728](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/9/e901567893f9f23d3f60b348c49fa6ca4d859e46.jpeg)

---

<div class="post-metadata">

**Author:** ![wb666greene](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/wb666greene/32/6534_2.png) [@wb666greene](https://discourse.nodered.org/u/wb666greene)\
**Post date:** [2 April 2021 00:32 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/10 "2021-04-02T00:32:02Z")

</div>

I needed some more options with Chromium, I'm wondering if I'd need equivalent ones for Firefox. Chromium is working wonderfully on my Pi3 with the 800x480 "official" touch screen, so I've no motivation to switch to Firefox at present, but I like to learn about possible alternatives.

I launch it from a shell script from node-red with an startup injection node:  
pi@PiTouch:~ $ cat kiosk.sh  
DISPLAY=:0 /usr/bin/chromium-browser --app [http://localhost:1880/ui](http://localhost:1880/ui)   
--kiosk   
--window-size=800,450   
--window-position=0,0   
--disable-infobars   
--incognito   
--disable-session-crashed-bubble   
--disable-features=RendererCodeIntegrity   
--process-per-site   
--bwsi   
--disable-cache   
--noerrdialogs   
--no-first-run   
--fast --fast-start   
--check-for-update-interval=31536000   
--disable-gl-error-limit   
--aggressive-cache-discard   
--simulate-critical-update   
--user-agent="Mozilla/5.0 (X11; CrOS armv7l 11895.95.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.125 Safari/537.36"   
--autoplay-policy=no-user-gesture-required &

I need more than 320x240 pixels as the purpose it to be able to zoom in on the most recent "alert" image from my AI alarm system "person detection" to make a quick "friend or foe" determination The pinch-zoom feature really works well.

I'm getting ready to play with some Tasmota controlled RGB LED lights and a few controllers like this on a few PiZeroW could really be nice.

Thanks for the info.

---

<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:** [16 April 2021 00:32 UTC](https://discourse.nodered.org/t/dashboard-on-320-by-240-screen/43485/11 "2021-04-16T00:32:07Z")

</div>

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