How to make gui that can change page?

Hello! Im trying to make gui like this when it switch page. But I have no idea how can I do it? Give me some guide please.


Thank for helping! :grin:

Here are my two methods.

  1. You can set Frame.Visible to false on the frames you want to hide and set it to true on the one you want to show.
  2. Move the frames you don’t want to show outside of what the player can see and move the frame you want to see into sight.

Edits: Changed things to Frame.Visible because I originally mixed up the properties in my head while writing :woozy_face:

2 Likes

Changing the screen to invisible is the best way to change the page.
By using only

local Page2 = StarterGui.ScreenGui.Page2

Game.StarterGui.ScreenUi.Page1Button.MouseButton1Click:connect(function()
Script.Parent.Visible = false --This means that by pressing the "Page1 button" you can open the second page
Page2.Visible = true 
end)

Here’s the full tutorial

1.Look for StarterGui in Explorer
2.Click the add button and add ScreenUi
3.Add two frames in ScreenUi (One for the first page and another for the second page)
4.Put the script above into “Page1” or the first page.
5.Make the second page invisible by pressing the cross button in “Visible”
6.Done!

I hope you find this short tutorial helpful, thanks for reading.

Keep it up! :wink:

3 Likes

You can use a UIPageLayout to skip about half of the steps in other replies.

1 Like

Hello There!

When i experienced this before it was like store Gui including 4-5 frames with different types of goods so i made Number value which respresented the Page number and by checking the Page number. Lets say for example Player clicked on button 4 (For Page 4) The script checks makes all Frames Visible false and Page 4 Visible True

Hope this helps!

1 Like