Is it possible at all to control the roundness of the corners on the Dashboard "Button"? Or, do you have to use something else to deploy a rounded edge button? or to make a circle push button out of a 1x1 size? Kind Regards, hp_apcc

You could use a ui_template set to head and add some targeted styling. In particular... .round-button { border-radius: 50% }

@Steve-Mcl , Thanks for the help. I did this in a very absolute means, as I know no other... I put in a template node the exact thing you have there. .round-button { border-radius: 50% } and linked the node to my button, even put on it an inject node. and nothing happens.... how do I deploy…

[image] tree-frog: how do I deploy this on a button You need to use a selector that matches your buttons. Use Devtools to help you determine the selector. Right-click the element in the page and click 'inspect' in the dialog that pops up. The Developer Tools window will open. In the Element…

As Steve has said, just add the styling to a ui_template node like the below image, setting the Template type set to Added to site <head> section. [image] tree-frog: and linked the node to my button No, don't link it into your flow, just leave the ui-template node unconnected, and it will in…

OK, Getting there. I tried to set it to the group since I don't really want all buttons on the project affected. However, instead of the change applied to just the group, it affects then entire page. AGGHHH! Any hints on how to just affect the one group? and not the entire page? Thanks!

[image] tree-frog: Any hints on how to just affect the one group? and not the entire page? Replace .md-button in my screenshot with what Steve suggested above. [image] Steve-Mcl: Right-click the element in the page and click 'inspect' in the dialog that pops up. The Developer Tools windo…

The nth-child by count is what you get if you copy the selector and it definitely selects that and only target. But if you still developing your dashboard and if you change anything in this card the element count and order may change and the selector needs also adjustments. So I'd avoid it if possi…

Node-RED

Node-RED Forum

Set the SHAPE of a Dashboard BUTTON?

Dashboard

hotNipi 24 November 2020 17:27 7

This might be interesting talk for you. Q: Tiles type panels

Topic		Replies	Views
Dashboard - Group Border Corners Dashboard	2	1065	22 June 2021
Ui-button CSS field not working Dashboard	6	917	10 March 2022
Rounded Corners Dashboard	13	3328	23 October 2020
The shape of a button Dashboard dashboard-2	38	749	15 September 2024
Ui-Template Button samples for dashboard-1 Share Your Projects node-red-dashboard	1	179	11 September 2024

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.

Set the SHAPE of a Dashboard BUTTON?

Related topics