Although there is the text input node. I'm just wondering if there is a way to make a requester pop up? I know that would be after a button is pressed so really I could change things around and put a text input node there.... But screen real estate/layout. A requester would be nice. Just asking.

When you say requester, do you mean a (fancy) popup overlaying the page where you can fill in a form, such as a modal? Or something else entirely

The former. A "fancy" popup overlaying the page.

Try the suggestions in this topic :slight_smile: [image] How to show modal dialog in template node Dashboard Hi guys, I would like to show modal dialog via template node. I have couple of inputs and want to show modal dialog, when user submit values, to confirm what will happen. Thank you for a help. Content of my template node: SSID SSID can be anything Password <inpu…

Following the link, reply #8...... Ok. I am going to have to work out how to use that. Does it import to NR? (Runs off trying that)

It’s using the Dashboard template node.

(I'm going to cop it for asking, but....) Ok, put it in the dashboard template node. Stuck an inject node into it. Injected and..... (am I supposed to send anything to set up the request?) I'm guessing I may. But this is really getting at/beyond my knowledge. (I'm trying)

So looking at the code: // Get the modal var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; Those variables need to be set to something as they are used to make the requester? But (showing ignorance) what is document.get....?

Ooh boy, I forgot about that for a moment. I’m going to link you some manuals. These were mentioned last month in other topics, but as far as I know there are no existing ui nodes to do this. Meaning if you want the functionality you will have to program it yourself. Which means HTML and JavaScript. This however is not beginner level. I’d say it’s intermediate but to understand what you’re doing you will need a bit of experience with basics. So I’m going to link a few different things, and it’s up to you if you’re willing to go that way. Here’s a CodeAcademy starter course for JavaScript. I’d say that, as long as you’re not planning to write custom nodes, blocks 1-8 and 12-14 should give you most regular things to use in function and template nodes. You won’t have to worry about the transpiling down from block 10, the things covered in this course are all supported in Node-RED without additional steps. [image] JavaScript Tutorial: Learn JavaScript For Free | Codecademy Learn JavaScript and Javascript arrays to build interactive websites and pages that adapt to every device. Add dynamic behavior, store information, and handle requests and responses. For the code from reply 8, understanding of the HTML block model/DOM is needed. Remember the stacking wooden figurines comparison I made in the other thread? Exactly like that. The document.getElementById call searches for an element from the html added to the template with the id attribute set to that value. W3Schools has a decent tutorial to get started with HTML. To understand what is going on here/things that might be useful for understanding other Node-RED topics too. https://www.w3schools.com/html/default.asp If you follow that until they start talking about it will cover most you’ll might encounter. Next, to combine your new JavaScript with HTML knowledge, take a look at Mozilla’s introduction to DOM programming: [image] Introduction to the DOM The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. In this guide, we'll briefly introduce the DOM. [image] Document Object Model (DOM) The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. [image] The HTML DOM API The HTML DOM API is made up of the interfaces that define the functionality of each of the elements in HTML, as well as any supporting types and interfaces they rely upon. Good luck!

You don't need to inject template nodes. Just add a template node, copy & paste the code from the modal example, ok, deploy, refresh dashboard and you will get a button. Click it and you should get a modal window.

Bakman2, Yeah, I sort of get that, but I guess I just wanted to be sure the node was "invoked". So...... That aside (my stuff). You say, stick the node in a flow and deploy. I will get a button.... Where? Click on it (the button I'm guessing) and I should get a modal window. As there is no sign of said button, I am kinda lost. (But that is status-quo for me.) (Edit) Ok, silly me. Look in the node's option. Found it. Shall continue exploring.

Node-RED

Node-RED Forum

Does Node-Red have the ability to make a requester?

Dashboard

afelix 26 July 2019 11:29 4

Try the suggestions in this topic

Topic		Replies	Views
Send message from a html input button on template back to node red General	4	1154	31 October 2022
Automate dashboard contents Dashboard node-red-dashboard	50	1295	7 February 2023
In nodered how to add button using uitemplate General	2	1508	13 March 2020
How to use a core node inside of a custom node implementation General	63	3450	28 June 2020
Button with function in .js file Developing Nodes	14	1845	13 August 2020

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.

Does Node-Red have the ability to make a requester?

Related topics