Creating Page for Options

In Widgets folder find and open widget called WBP_Options (BTW, It is actually your primary work-platform).

Once you open it, look at its hierarchy tree. There in some Canvas should be a Widget Switcher that holds things in it, which i called "Pages":

primary purpose of the Page is to be a container for all Options and other elements that are necessary.

So in this chapter our intention is to make one.

---

Before creating a new Page, open the folder where they are all located - Widgets/Pages. You can see already existing pages there, so right-click somewhere or click the Add button and find the category User Interface, and there select Widget Blueprint. In a class-searching field, type "page base" and then select it as the base widget class. In my case, I'll name it WBP_PageExamples:

1

2

Now open the newly created widget, and in the hierarchy tree you should see just one Named Slot. Find a simple Vertical Box in Palette and drop it on that slot, rename it to something like I did in the screenshot and hit checkbox Is Variable. Compile:

Now tab back to the Options widget, and add this WBP_PageExamples to the WidgetSwitcher, rename it, uncheck Is Variable. Then in Details find category for developers i named 'User Specified', there you'll see only one field, specify that Page Display Name. Compile:

Try launch the game. Your empty Page should be present and all button's names must be correct.

One little thing that should be taken care of every time a new page is made - is adding a few crucial nodes to Pre-Construct (or Construct):

That function call you see at 3 - is absolutely MUST to be executed after all things you have initialized on your Pre-Construct/Construct!

---

And that's all! 👍👏

In the next chapters we will learn how to populate Pages with Options and other widget-elements.