{"id":11165,"date":"2024-11-16T08:17:25","date_gmt":"2024-11-16T06:17:25","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=asx-lms-tutorial-cpt&p=11165"},"modified":"2026-04-08T23:58:52","modified_gmt":"2026-04-08T21:58:52","slug":"ue5-multiple-windows-at-runtime-enhanced-ui","status":"publish","type":"documentation","link":"https:\/\/store.algosyntax.com\/documentation\/ue5-multiple-windows-at-runtime-enhanced-ui\/","title":{"rendered":"UE5 Multiple Windows At Runtime – Enhanced UI"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The Enhanced UI Plugin for unreal engine 5 contains a UMG system to create multiple windows at runtime. These windows are capable of hosting differnt widgets of your choosing.\u00a0 You can design all your windows Using Blueprints or the UMG Designer and Spawn and Destroy them using blueprints. The system is mainly developed in C++ but exposes all essential tools and functions to blueprints so that Blueprint only designers can still use the system without issues.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEnhanced UI Plugin Full Feature List<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

The Multiple Windows Demo Map<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

To get started open the demo map and play with the windows a bit to see their behaviour….\u00a0
The demo map is located at<\/p>

EnhancedUI_Content\/SmartWindows\/Maps\/DefaultWindowsSampleMap.umap\u00a0<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

The Multiple Windows Demo Blueprints<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

All the blueprints\/ widgets that power this map are located at the following location:

EnhancedUI_Content\/SmartWindows\/Blueprints<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The main widget for the demo map is :\u00a0
“WBP_SampleSmartWindowManager<\/strong>“<\/p>

If you open it, you will notice that it inherits from UUserWidget class..\u00a0
But what we really want to focus on is the AxSmartWindowManagerCanvas<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

AxSmartWindowManagerCanvas<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

AxSmartWindowManagerCanvas\u00a0<\/strong>is a specialized Canvas Panel that is tuned to host and control SmartWindows.\u00a0\u00a0<\/strong>There is an example of a Smart window in the blueprints folder. We’ll get to it shortly.

Ideally , you want this Canvas to fill your entire screen, but we have centered it here, to show you that the windows within it won’t move outside its bounds.

Now, the SmartWindowManagerCanvas<\/strong> will\u00a0 automatically register<\/strong> any SmartWindow\u00a0<\/strong>added to it at design time… As you can see WBP_SampleSmartWindow<\/strong> is added at design time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

Creating and registering windows at runtime<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In order to add more windows at runtime, get a reference to the SmartWindowManagerCanvas\u00a0<\/strong>and call the “Create and Register Smart\u00a0 Window()”.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

What Registering Means<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

By “Registering” a smart window with Window Manager Canvas, you ensure that window can be resized, moved, maximized etc around at runtime.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

The Smart Window Widget<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The SmartWindowManagerCanvas\u00a0<\/strong>expects you to add widgets that inherit from “AxSmartWindow<\/strong>“.\u00a0
You can customize the default window or create your own from scratch by inheriting from AxSmartWindow.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

The Content Slot<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

SmartWindow widgets have few requirements… Among them, the ContentSlot<\/strong>, this is of type NamedSlot.
The ContentSlot can host anything you want within the Window. This is supposed to contain all your Window’s Content.

So in the Main Widget, you can add anything to the Content Slot of the windows…<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tGet The Enhanced UI Plugin<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"elementor_header_footer","categories":[129,132],"tags":[133],"class_list":["post-11165","documentation","type-documentation","status-publish","hentry","category-unreal-engine","category-enhanced-ui","tag-user-interface","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation\/11165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/types\/documentation"}],"version-history":[{"count":2,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation\/11165\/revisions"}],"predecessor-version":[{"id":13353,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation\/11165\/revisions\/13353"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=11165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/categories?post=11165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/tags?post=11165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}