Multiple small issues with buttons in a grid container

cloa513

I add buttons in script to grid container which works a bit. I can't resize the buttons with no margin- I know it is related to grid container but no settings make a difference I need a border for the buttons.

Somehow the first button has text set to 9- how to set it 1- simplest way. Thanks in advance.

Here is the main code extends Node




# Called when the node enters the scene tree for the first time.
func _ready():
	for l in 9:
		for k in 3:
			for j in 9:
				for i in 3:
					var tile=Button.new()

					add_child(tile)
					tile.rect_min_size(Vector2(40,40))
					tile.text=str(k*3+(i+1))
					tile.connect("pressed", self, "ButtonPressed")
					tile.set_script(preload("res://tiledetails.gd"))
#					tile.tiledetails.x=k*3+(i+1)

# Called every frame. 'delta' is the elapsed time since the previous frame.
#func _process(delta):
#	pass

cybereality

You could try looping in the other direction.

for k in range(2, -1, -1):

In terms of the margin, maybe the grid is not big enough.

cloa513

Actually the first tile is set to 1 but somehow it is producing an extra button near the origin that is labelled 9. I guess I put all the tile's settings into script. I have changed the left and right margins to 0 then the tiles are off the screen.

cloa513

Scale transforms tiles when set with a big grid- I tried once before it just disappeared then. However the ghostly extra tile doesn't scale.

xyz

In your project, the script you posted is attached to two nodes; GridContainer and Main (scene root). This is probably not what you'd want. Try to remove the script from Main and see what happens.

cloa513

I made some progress but I can't see the buttons attached to ColorGridCon- I got to show once and they seemed fine but disappeared as soon as I tried to move them to a better location. Also how can I see both grid containers at once?

xyz

You don't see ColorGridCon because its margins are out of viewport (i.e. left margin is set to 4096) Set top and left margin to 0 and check if it's visible.

cloa513

The margins are not out of viewpoint- I can see up to 10000 with a full window. You can see the edge of the Main Container is 4000.

xyz

The point is, in your project the left margin was set to a value that's too large. Your project window width is 3000. That's why you can't see the content. The topleft position of the container went out of visible window area. Once the left margin is set back to 0 (or anything less than 3000) - the container (and buttons it contains) become visible.