4. Creating the Game Menu

In this section, you'll learn how to create a custom menu to show on the Popup Dialog device.

In this section, you'll learn how to create a custom menu to show on the Popup Dialog device.

Follow these steps to create a custom menu:

1. Create a Widget Blueprint that's a Modal Dialog Variant named WBP_Dialog_One_Button_Intro.

2. Add a Size Box widget first then the Overlay widget as its child. The Size Box gives a panel for the Overlay widget to be positioned in.

3. In the Details panel of the Overlay widget, apply the following settings.

   Option	Value	Explanation
   Padding	0.0, 0.0, 0.0, 40.0	This will add 40 pixel padding to the bottom of the widget.
   Horizontal Alignment	Center Align Horizontally	This aligns the widget in the middle of the screen.
   Vertical Alignment	Bottom Align Vertically	This aligns the widget to the bottom of the screen.

4. In the Details panel of the Image widget, apply the following settings.

   Option	Value	Explanation
   Horizontal Alignment	Fill Horizontally	The widget will take up as much space as it can.
   Vertical Alignment	Fill Vertically	The widget will take up as much space as it can.
   Tint	AE4200FF Hex sRGB	Color for the background.
   Draw As	Rounded Box	This renders the image with rounded corners.
   Visibility	Not Hit-Testable (Self Only)	Only the button itself should be selectable in the UI.

5. In the Details panel of the UEFN Button Quiet widget, apply the following settings.