Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dashboard 2.0 - ui-button-group <br> not working in added buttons's label #1566

Closed
grawsom opened this issue Jan 7, 2025 · 1 comment · Fixed by #1567
Closed

Dashboard 2.0 - ui-button-group <br> not working in added buttons's label #1566

grawsom opened this issue Jan 7, 2025 · 1 comment · Fixed by #1567
Labels
bug Something isn't working needs-triage Needs looking at to decide what to do

Comments

@grawsom
Copy link

grawsom commented Jan 7, 2025

Current Behavior

When adding buttons and using
in label for 2 lines, it's not working.
Working fine in the "main" label

image

Expected Behavior

Linebreack when using
in label.
Working fine with the ui-button

image

Steps To Reproduce

Here is a flow

[{"id":"8bb9313677104888","type":"ui-button-group","z":"e58a038315dde4fd","name":"","group":"1579a21dbba7922e","order":1,"width":3,"height":1,"label":"button<br>group","className":"","rounded":false,"useThemeColors":true,"passthru":false,"options":[{"label":"Button 1<br>infoline","icon":"","value":"option_0","valueType":"str","color":"#009933"},{"label":"Button 2<br>infoline","icon":"","value":"option_1","valueType":"str","color":"#999999"}],"topic":"topic","topicType":"msg","x":350,"y":380,"wires":[[]]},{"id":"1579a21dbba7922e","type":"ui-group","name":"Button Test","page":"ab2cbf2599cace69","width":7,"height":"5","order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"ab2cbf2599cace69","type":"ui-page","name":"Buttons","ui":"a8dc4de17ff7d144","path":"/buttons","icon":"home","layout":"grid","theme":"970cbcc1aaf503af","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":1,"className":"","visible":"true","disabled":"false"},{"id":"a8dc4de17ff7d144","type":"ui-base","name":"UI Name","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-control","ui-notification"]},{"id":"970cbcc1aaf503af","type":"ui-theme","name":"Theme Name","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"}}]

Environment

  • Dashboard version: 2.0
  • Node-RED version: 4.0.2
  • Node.js version: v18.18.0
  • npm version: 10.8.2
  • Platform/OS: Windows 11
  • Browser: Chrome

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

@grawsom grawsom added bug Something isn't working needs-triage Needs looking at to decide what to do labels Jan 7, 2025
@bartbutenaers
Copy link
Contributor

@joepavitt
I will try to have a look tonight at this one. So you can assign it to me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working needs-triage Needs looking at to decide what to do
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants