Dashboard - align controls/input items without custom widget?

[Alan Greene]

Hey folks, hoping someone might have come across this before and have a solution before I start dusting off my Angular notes and writing a custom widget.

I want to add multiple sliders in a group on my dashboard and have the sliders aligned (I like neatness) even if the labels are of varying length.

Here's what it currently looks like:

Ideally all of the sliders would be aligned to start at the red line (added for illustration). Is this possible without either editing the code or using a template node?

[Ben Hardill]

Probably not but when you fix it a pull request would likely be accepted.

[Dave C-J]

The widgets are independent of each other so the size of one has no effect on the others. So short answer... no it's not possible.

[Alan Greene]

Thanks for the quick reply guys, just started playing with this a few hours ago and already impressed. This particular issue isn't high on my list of priorities at the moment but if I do come up with a solution I'll be sure to share.

[Dave C-J]

Thanks, as usual there are many compromises between simplicity to keep it easy for beginners and folk who just want something that works... and being able to tweak everything, which may lead to too many confusing options. But yes the fine line between them is always moving.

[Nicholas O'Leary]

A workaround for this would be to move the labels to their own text widgets alongside each slider widget:

​

​

Nick

On 21 December 2016 at 22:26, Dave C-J <dce...@gmail.com> wrote:

Thanks, as usual there are many compromises between simplicity to keep it easy for beginners and folk who just want something that works... and being able to tweak everything, which may lead to too many confusing options. But yes the fine line between them is always moving.

--
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/CACXWFwLO-kX208fundueKcaRjSSUABMxWHBQzJoNyX8GPSj31A%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

[Dave C-J]

+1

[Alan Greene]

Sometimes simpler is better :) Thanks Nick, ended up going with this approach.

On Wednesday, December 21, 2016 at 10:32:43 PM UTC, Nick O'Leary wrote:

A workaround for this would be to move the labels to their own text widgets alongside each slider widget:

​

​

Nick

On 21 December 2016 at 22:26, Dave C-J <dce...@gmail.com> wrote:

Thanks, as usual there are many compromises between simplicity to keep it easy for beginners and folk who just want something that works... and being able to tweak everything, which may lead to too many confusing options. But yes the fine line between them is always moving.

--
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+u...@googlegroups.com.

To post to this group, send email to node...@googlegroups.com.
Visit this group at https://groups.google.com/group/node-red.