I am using dialog type ui-group to show a 'popup' window while some calculations are going on in the background, and i DONT want the user the 'close' the dialog until it is time. but the user has the ability to CLOSE the window by clicking on x. how do i prevent that ? in dashboard-1 i was using 'ui…

Have you tried using the Notification node in DB2?

Add a ui-template set for CSS & use CSS to hide the X button.

[image] Bobo: Notification node in DB2? that does not remove the 'focus' from the underlying dashboard, user can 'click' and interact with the background. I want exactly like a ui-spinner for db-1. [image] [Announce] node-red-contrib-ui-spinner Share Your Nodes He…

[image] Steve-Mcl: use CSS to hide the X button .v-btn--icon .v-icon { display: none; } this did hide the x button, but the user can still click 'outside' the popup window and activate the background.

Then target the button not the inner icon. Use your browser dev tools to find the correct selector. Ps, strongly recommend you add a class to the group to limit scope (what you have will affect everything it matches)

[image] Steve-Mcl: strongly recommend you add a class I am aware, I was doing a qucik dirty check. [image] Steve-Mcl: Then target the button not the inner icon but, still unless the dialog screen is as big as background screen, i cannot avoid user clicking outside the dialog window, w…

[image] smanjunath211: i cannot avoid user clicking outside the dialog window, which de-activates the dialog You could target the "shade" and set pointer-events: none;

I think it would be useful if the the dialog type group had a Modal option to prevent click away from happening. Also, arguably, the dialog should not have the X to allow it to be closed. Perhaps a Feature Request should be raised for this.

I dont disagree. If @smanjunath211 can raise an FR issue detailing what they want / need, that would be helpful.

[image] Ui-Group - dialog type, act like a wait window stopping user interactions for a while Feature Requests It would be nice if the ui-group dialog type had a feature so that, nothing can be clicked/selected outside the dialog window to act like a 'wait window' or like …

Node-RED

Node-RED Forum

Ui-group - type dialog. how to 'prevent' closing the window

Dashboard

smanjunath211 10 March 2025 11:10 11

I am not sure i have worded the FR correctly. but this is the gist.

Topic		Replies	Views
Block User Input till it is time Dashboard dashboard-2	3	57	7 June 2025
Pop-up dialog window with group of ui-dashboard nodes Dashboard node-red-dashboard	3	668	18 December 2022
Looking for a text input dialog popup window similar to notification widget Dashboard	6	4557	29 April 2020
Adding a "Dialog" node Dashboard	20	3481	25 March 2021
Add Button Icon to dashboard Dashboard node-red-dashboard	24	1695	1 November 2022

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.

Ui-group - type dialog. how to 'prevent' closing the window

Related topics