Tweening with grid constraints?

Hi, so I want to make some text boxes (in a ui constraint) slide off the screen 1 by 1. However, I don’t know how to do this with the constraint. I still want them to stay in place but just move 1 by 1 out of the screen. Anyone got any ideas?

local TweenService = game:GetService("TweenService")
local NewPosition = UDim2.new(1.3, 0, -0.114, 0)
local Transparency = 1
local tweenInfo = TweenInfo.new(1.3, Enum.EasingStyle.Back, Enum.EasingDirection.Out)

script.Parent.MouseButton1Click:Connect(function()
	for i, v in pairs(script.Parent.Parent:GetChildren()) do
		if v:IsA("Frame") then
			local Tween = TweenService:Create(v, tweenInfo, {Position=NewPosition, Transparency=Transparency})
			Tween:Play()
			Tween.Completed:wait()
		end
	end 
end)

This is what I had, however it’s not working so I presume its the constraints.

You are not able to directly change the position of the UI elements which the GridLayout effects. The UIGridLayout locks the position from any other source but the properties of the layout.

See more information about this type of layout on the Wiki Page.


You will most likely need to use a different constraint or come up with your own function to properly position and size the UI elements.

Do you know any constraints I could use?