Remove background image.

[deka...@gmail.com]

Hi. After a new install of Node-Red i always get a iphone as background on UI-page. How to remove it? 

[Nick O'Leary]

That is nothing of the dashboard's doing.

If I open Chrome developer tools I can enable the device emulation option and then turn on the option to show the device's frame - which results in what you have (more or less). Point being, this is a browser thing, nothing to do with NR.

Nick

On 27 October 2017 at 16:57, <deka...@gmail.com> wrote:

Hi. After a new install of Node-Red i always get a iphone as background on UI-page. How to remove it? 

--
http://nodered.org
 
Join us on Slack to continue the conversation: http://nodered.org/slack
---
You received this message because you are subscribed to the Google Groups "Node-RED" group.
To unsubscribe from this group and stop receiving emails from it, send an email to node-red+unsubscribe@googlegroups.com.
To post to this group, send email to node...@googlegroups.com.
Visit this group at https://groups.google.com/group/node-red.
To view this discussion on the web, visit https://groups.google.com/d/msgid/node-red/7142812a-10e6-4447-a1ea-e7b327c3a2fa%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Nick O'Leary]

Actually, I take that back... your screenshot shows the dashboard header outside of the phone, so this isn't Chrome's device emulation.

It would appear you have something in your dashboard that has customised the background to be an iphone. Check your ui_template nodes for anything that's modifying the dashboard css.

Nick

[deka...@gmail.com]

It was my first think also. But it something Node-red doing. On my phone it looks really bad.

If i look at css i found this:

.nr-dashboard-cardpanel::before {

1. content: "";
2. position: absolute;
3. background-image: url(/ui/iPhone X Mockup.png);
4. background-size: contain;
5. background-repeat: no-repeat;
6. width: 100%;
7. height: 900px;
8. margin-top: -4.5em;

}

[Dave C-J]

Are you sure you are using the "real" node-red-dashboard project ? Which version is reported in the console at start ? 

--

Sent from phone.

[deka...@gmail.com]

I dont know really.

I use  192.168.10.93:1880/ui 

 

Here is my startup:

pi@raspberrypi:~ $ node-red-start

Start Node-RED

 

Once Node-RED has started, point a browser at http://192.168.10.93:1880

On Pi Node-RED works better with the Firefox or Chrome browser

 

Use   node-red-stop                          to stop Node-RED

Use   node-red-start                         to start Node-RED again

Use   node-red-log                           to view the recent log output

Use   sudo systemctl enable nodered.service  to autostart Node-RED at every boot

Use   sudo systemctl disable nodered.service to disable autostart on boot

 

To find more nodes and example flows - go to http://flows.nodered.org

 

Starting as a systemd service.

Started Node-RED graphical event wiring tool..

27 Oct 17:23:33 - [info]

Welcome to Node-RED

===================

27 Oct 17:23:33 - [info] Node-RED version: v0.17.5

27 Oct 17:23:33 - [info] Node.js  version: v6.11.5

27 Oct 17:23:33 - [info] Linux 4.9.41-v7+ arm LE

27 Oct 17:23:34 - [info] Loading palette nodes

27 Oct 17:23:38 - [info] Dashboard version 2.6.0 started at /ui

27 Oct 17:23:40 - [info] Settings file  : /home/pi/.node-red/settings.js

27 Oct 17:23:40 - [info] User directory : /home/pi/.node-red

27 Oct 17:23:40 - [info] Flows file     : /home/pi/.node-red/flows_raspberrypi.json

27 Oct 17:23:40 - [info] Server now running at http://127.0.0.1:1880/

27 Oct 17:23:40 - [info] Starting flows

27 Oct 17:23:40 - [error] [pushover:166e0f77.f5f391] No Pushover api token set

27 Oct 17:23:40 - [error] [pushover:166e0f77.f5f391] No Pushover user key set

27 Oct 17:23:40 - [info] Started flows

 

[deka...@gmail.com]

I had dashboard-es installed. I change to standard and now its gone!

[Dave C-J]

Yes

You have managed to install a forked version as the official one is only at v2.5.1 ,as of today, so you will need to uninstall it and install the correct one

--

Sent from phone.