Is it possible to configure Node UI output with rounded corners? And configure the arc of this rounded corners?

Hi @buijsp , Welcome to the forum! If I understand your question correctly, yes it is, see this thread - 🖌 Customize dashboard CSS [dn]

I studied the link you sent, but there must be an easier way to accomplish just the rounded corners. A extensive CSS study is not worth it for me at the moment. You example looks nice! So what did you change to have it like this?

[image] buijsp: You example looks nice! So what did you change to have it like this? The example flow from the link that I posted for you above.

[image] buijsp: but there must be an easier way to accomplish just the rounded corners. There isn't such thing like easy way in programming. But the way you asked it (as far I can understand) - everything with rounded corners [image]

I copied the "code" from the link and Imported it [image] I get a input/output Node in the Workspace and now what to do next?

[image] buijsp: now what to do next? The author of the linked post has replied to you above, have you tried what he recommends?

Well at first I am sorry about this post. It just can't make any good solution. Even if it is technically correct. But to answer to question what to do next - it takes to know much more than just a wish to have rounded corners. Start with sharing an image of your dashboard. And explain what you wa…

[image] This is my Dashboard so far, it is still under construction. [image] Something like the example from what Paul send about the rounded corners would be nice.

[image] buijsp: Something like the example from what Paul send Well this is what I use, thanks to @hotNipi [{"id":"143b26a6.5102c9","type":"ui_template","z":"c9c4eeb8.bad8e","group":"640b0682.bee8e8","name":"Dashboard stylesheet","order":1,"width":0,"height":0,"format":"<style>\n\n/*\nIts re…

Node-RED

Node-RED Forum

Rounded Corners

Dashboard

buijsp 23 October 2020 08:11 3

Thanks this helps a lot!

An even more powerfull feature could be that it is configurable in the Node configuration.

Topic		Replies	Views
Making a professional dashboard Dashboard	17	14266	15 January 2021
The shape of a button Dashboard dashboard-2	39	675	15 October 2024
Dashboard CSS styles. How to make the dashboard more beautiful Dashboard node-red-dashboard	4	695	20 October 2022
Create custom ui node in Dashboard 2 General node-red-dashboard , ui-widgets , dashboard-2	36	1355	14 September 2024
Node-RED Dashboard ui not displaying correctly on mobile device Dashboard	15	10452	22 June 2018

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Rounded Corners

Related topics