FlowFuse / FlowFuse/node-red-dashboard

Migration: ui-led - horizontal alignment to centre

Open
#1,670 0 comments 0 reactions 0 assignees View on GitHub
needs-triage type:bug
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Current Behavior

In NodeRed Dashboard 1, with no label name set, ui-LED will simply appear centred based on the width set for the widget or group.

![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/3/934e92ce13c8b5949b7d82ca0774bf37a8c8f6d1.png)

Different story on Flowfuse Dashboard 2, some space seems to be reserved for a label, even if it is left empty, the LED is either left or right of this space. And I cannot see any obvious option to change this.

![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/6/365f9b7fb6438c3abf1b74c4dcaaf2b2f38ba603.png)

This can be rectified with a CSS override using the code below, kindly provided by user Jbudd on the node red forum:

![Image](https://github.com/user-attachments/assets/3e5345cb-11c2-4d0f-b686-08dbcfe59558)

### Expected Behavior

To help DB1 to DB2 migration, ui-led should either behave like the DB1 version by default, or an option should be provided so that this alignment can be set in the properties to avoid having to resort to a CSS override, something a lot of DB1 users are unfamiliar with.

### Steps To Reproduce

install flowfuse node-red-dashboard
Add ui-led
set width to 1x1
leave label blank
display dashboard

### Environment

- Dashboard version: flowfuse 1.22.1/ui-led 1.1.0
- Node-RED version: 4.0.9
- Node.js version: 22.14
- npm version:
- Platform/OS: MACOS/Raspbian
- Browser: Firefox/Safari

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.