Can I make forms in Godot?

Help
,
1

Godot Version

4.2.2

Can I make forms in Godot? like in HTML5

Good afternoon people👋, I wonder if I can make something like the HTML’s forms in Godot 4, I mean, inputs like the textfield, the number field, the select-option tag, the textArea, and many more like that (I think, most here already knows what I’m meaning for)… The reason? well, I was making a little experiment in HTML+JS with this form

var and print
var and print903×502 32.4 KB

And now, I just wanna make something similar, but in Godot :thinking:

2

As far as I know you are asking about making a control window in your game and dragging it around with the mouse. I guess with window elements like a close and minimize buttons.

Just what ever you’re asking this is not HTML5. This is actually called a decision program. It’s a subwindow element in ****.exe(2005 extended version)

3

Sure, can you send me an example in coding if u don’t mind? :thinking:

4

Bro, I already know that Godot is not the same as HTML, I only wonder if there are some inputs in Godot nodes that can works exactly like the inputs types from HTML

5

Yes there are drop-downs, line edit, spinbox, and check box nodes.

6 
extends Node2D

func _ready() -> void:
	print(Time.get_time_dict_from_system(false))
7

I was meaning something like this

godot formuls
godot formuls451×311 66.6 KB

8

filedialog
filedialog491×294 48.8 KB

godot formuls
godot formuls451×311 66.6 KB

that nodes can works like input types :upside_down_face:

9

Yes, in fact that is a screen shot of a form made in Godot. Is there anything else you have questions about? Do you want to submit a form made in Godot as a HTTP request?

10

this is very close I was asking for🤔

closest
closest1350×496 39.3 KB

11

var pee = peer.instantiate()
I’m going to explain what you are attempting to do;
you are attempting to create a pee-to-peer database;
but, you are actually attempting to create a shell base to check peep-to-peer conditional id’s
i think it’s called a bicubit-server

12

eh? :sweat_smile: database? no… let me explain myself again:
The question was how I can use some Godot nodes that can work the same as HTML form tags. For example, for what I’ve already done, I’m using equivalents:
GD panel = HTML fieldset
RichtextLabel = label
LineEdit = textfield or input type text
Option Button = select-option tags
look

nodesgd
nodesgd764×263 26.5 KB

That’s what I was referring to, and what I’m trying to achieve right now is just recreate that form I made in HTML, CSS, JS :sweat_smile:
closest
closest1350×496 39.3 KB

Am I really that ambiguous asking here?:thinking:

13

Maybe, the question seems straight forward, almost too straight forward, and you seem to have a grasp on it; even with a working example. So I’m quizzical to why the forum post at all if you’ve got the nodes.

But seeing your second screenshot you may need some general UI advice, this video covers using Contianer nodes to better align children. For example I think you should use a PanelContainer, with a HBoxContainer for the line of text, then add the Label for var, LineEdit for MyVariable, another Label for = then your OptionButton as children of the HBoxContainer.

And I’d probably just ignore goinggone, they are always very hard to understand and seem to go off on unrelated tangents. Maybe just a language barrier

14

Oh right thanks dude :+1:, do you know how can I look for a tutorial for edit the nodes’ styles as well? (I mean things like changing the font text, colors and stuff like that) It seems like it’s done in the inspector, but it’s a bit overwhelming (for me).

PD: sorry for my english level :pensive_face:

15

Your english is very good! That video I posted talks about "Theme"s as well about 5 minutes in, thats how you’ll edit the styles of the different nodes, it is very different from CSS and overwhelming at times.

1 Like