{"id":13405,"date":"2026-04-13T06:33:26","date_gmt":"2026-04-13T04:33:26","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=documentation&p=13405"},"modified":"2026-04-13T07:01:09","modified_gmt":"2026-04-13T05:01:09","slug":"enhanced-ui-core-overview","status":"publish","type":"documentation","link":"https:\/\/store.algosyntax.com\/documentation\/enhanced-ui-core-overview\/","title":{"rendered":"Enhanced UI Core Overview"},"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

Enhanced UI Core Overview<\/h1>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

What this covers<\/h2>
  1. What Enhanced UI is solving<\/li>
  2. The core building blocks<\/li>
  3. How interaction flows through the system<\/li>
  4. The geometry model (conceptual)<\/li>
  5. How rendering works<\/li>
  6. How you extend the system<\/li><\/ol>\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\tDownload Enhanced UI<\/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
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    What Enhanced UI Solves<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Enhanced UI provides a structured way to build interactive UIs<\/strong> in Unreal where widgets can:<\/p>

    • Move<\/li>
    • Resize<\/li>
    • Respond to user input<\/li>
    • Represent underlying data<\/li><\/ul>

      The key problem it solves is:<\/p>

      How to separate input detection<\/em>, behavior<\/em>, and layout state<\/em> so complex UI systems remain maintainable.<\/p><\/blockquote>\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

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

      Core Building Blocks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      There are three core components:<\/p>

      1. SmartWidget (UAxSmartWidget<\/code>)<\/span><\/h3>
      • Detects user interaction (click, hover, drag)<\/li>
      • Identifies where<\/em> interaction happened (edges, corners, center)<\/li>
      • Sends that information to its parent<\/li><\/ul>

        Important constraint:<\/p>

        SmartWidgets do not move or resize themselves.<\/p><\/blockquote>

        They are purely input

        <\/strong><\/p>

        Where to look in code<\/h3>
        • Entry point for input:
          • NativeOnMouseButtonDown()<\/code><\/li>
          • NativeOnMouseMove()<\/code><\/li><\/ul><\/li>
          • Handle detection:
            • DetectHandleForMouseEvent()<\/code><\/li><\/ul><\/li>
            • Event forwarding:
              • BroadcastMouseDownForHandle()<\/code><\/li>
              • BroadcastMouseHoverForHandle()<\/code><\/li><\/ul><\/li><\/ul>

                reporters<\/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

                2. SmartCanvas (UAxSmartCanvasPanel<\/code>)<\/span><\/h3>
                • Owns all behavior (movement, resizing, constraints)<\/li>
                • Receives interaction events from SmartWidgets<\/li>
                • Decides what should happen<\/li><\/ul>

                  Examples of behavior:<\/p>

                  • Move widget<\/li>
                  • Resize widget<\/li>
                  • Clamp within bounds<\/li>
                  • Apply constraints (in derived classes)<\/li><\/ul>

                    Where to look in code<\/h3>
                    • Event entry from child:
                      • HandleSmartChildMouseDown()<\/code><\/li>
                      • HandleSmartChildMouseUp()<\/code><\/li><\/ul><\/li>
                      • Core interaction logic:
                        • HandleMouseMove()<\/code><\/li><\/ul><\/li>
                        • Geometry application:
                          • UpdateSmartChildWidgetGeometry()<\/code><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
                            \n\t\t\t\t\t\t\t\t\t

                            3. Slate Canvas (SAxSmartCanvas<\/code>)<\/span><\/h3>
                            • Handles rendering and low-level input bridging<\/li>
                            • Calls into SmartCanvas during paint and input events<\/li><\/ul>

                              This layer exists to connect UMG logic to Slate rendering.

                              <\/p>

                              Where to look in code<\/h3>
                              • Paint entry:
                                • OnPaint()<\/code> \u2192 calls HandleOnPaint()<\/code><\/li><\/ul><\/li>
                                • Input forwarding:
                                  • OnMouseButtonDown()<\/code><\/li>
                                  • OnMouseMove()<\/code><\/li><\/ul><\/li><\/ul>\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
                                    \n\t\t\t\t\t
                                    \n\t\t\t\t
                                    \n\t\t\t\t\t

                                    Interaction Flow (Conceptual)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
                                    \n\t\t\t\t\t\t\t\t\t

                                    The system follows a strict flow:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

                                    \n\t\t\t\t\t\t\t
                                    \n\t\t\t
                                    \n\t\t\t\t\n\t\t\t\t\tUser interacts with Widget\r\n        \u2193\r\nSmartWidget detects interaction zone\r\n        \u2193\r\nPayload is created (what + where)\r\n        \u2193\r\nSmartCanvas receives it\r\n        \u2193\r\nSmartCanvas decides behavior\r\n        \u2193\r\nGeometry is updated\r\n        \u2193\r\nUI updates during paint<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5c3502 elementor-widget elementor-widget-text-editor\" data-id=\"d5c3502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2125\" data-end=\"2194\">This separation is what allows complex systems to remain predictable.<br \/><br \/><\/p><h3 data-section-id=\"sq6eil\" data-start=\"2811\" data-end=\"2842\">Where to trace this in code<\/h3><ol data-start=\"2844\" data-end=\"3139\"><li data-section-id=\"wgf64f\" data-start=\"2844\" data-end=\"2909\">Input starts:<ul data-start=\"2864\" data-end=\"2909\"><li data-section-id=\"1fh52z9\" data-start=\"2864\" data-end=\"2909\"><code data-start=\"2866\" data-end=\"2909\">UAxSmartWidget::NativeOnMouseButtonDown()<\/code><\/li><\/ul><\/li><li data-section-id=\"ojawem\" data-start=\"2911\" data-end=\"2959\">Payload created:<ul data-start=\"2934\" data-end=\"2959\"><li data-section-id=\"7ycbik\" data-start=\"2934\" data-end=\"2959\"><code data-start=\"2936\" data-end=\"2959\">FAxSmartWidgetPayload<\/code><\/li><\/ul><\/li><li data-section-id=\"1m3kxr2\" data-start=\"2961\" data-end=\"3009\">Forwarded:<ul data-start=\"2978\" data-end=\"3009\"><li data-section-id=\"tbpp55\" data-start=\"2978\" data-end=\"3009\"><code data-start=\"2980\" data-end=\"3009\">MouseDownEvent.Execute(...)<\/code><\/li><\/ul><\/li><li data-section-id=\"hs8ppp\" data-start=\"3011\" data-end=\"3079\">Received:<ul data-start=\"3027\" data-end=\"3079\"><li data-section-id=\"y5cinc\" data-start=\"3027\" data-end=\"3079\"><code data-start=\"3029\" data-end=\"3079\">UAxSmartCanvasPanel::HandleSmartChildMouseDown()<\/code><\/li><\/ul><\/li><li data-section-id=\"m8rvww\" data-start=\"3081\" data-end=\"3139\">Movement:<ul data-start=\"3097\" data-end=\"3139\"><li data-section-id=\"1vg8e6w\" data-start=\"3097\" data-end=\"3139\"><code data-start=\"3099\" data-end=\"3139\">UAxSmartCanvasPanel::HandleMouseMove()<\/code><\/li><\/ul><\/li><\/ol>\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<div class=\"elementor-element elementor-element-5319175 e-flex e-con-boxed e-con e-parent\" data-id=\"5319175\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b591919 elementor-widget elementor-widget-heading\" data-id=\"b591919\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Geometry Model (Conceptual)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-801f80a elementor-widget elementor-widget-text-editor\" data-id=\"801f80a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2232\" data-end=\"2313\">Each widget has a <strong data-start=\"2250\" data-end=\"2267\">SmartGeometry<\/strong> object.<\/p><p data-start=\"2315\" data-end=\"2329\">It represents:<\/p><ul data-start=\"2331\" data-end=\"2362\"><li data-section-id=\"1w17frl\" data-start=\"2331\" data-end=\"2341\">Position<\/li><li data-section-id=\"1j4dcvh\" data-start=\"2342\" data-end=\"2348\">Size<\/li><li data-section-id=\"1ozauce\" data-start=\"2349\" data-end=\"2362\">Constraints<\/li><\/ul><p data-start=\"2364\" data-end=\"2384\">There are two modes:<\/p><h3 data-section-id=\"lavrb8\" data-start=\"2386\" data-end=\"2405\">Normalized Mode<\/h3><ul data-start=\"2406\" data-end=\"2491\"><li data-section-id=\"cq7n80\" data-start=\"2406\" data-end=\"2430\">Values between 0 and 1<\/li><li data-section-id=\"1izyt58\" data-start=\"2431\" data-end=\"2470\">Automatically stays inside the canvas<\/li><li data-section-id=\"1er4bvh\" data-start=\"2471\" data-end=\"2491\">Scales with parent<\/li><\/ul><h3 data-section-id=\"i6rhm5\" data-start=\"2493\" data-end=\"2507\">Pixel Mode<\/h3><ul data-start=\"2508\" data-end=\"2584\"><li data-section-id=\"d8z3hj\" data-start=\"2508\" data-end=\"2525\">Absolute values<\/li><li data-section-id=\"rwo0ma\" data-start=\"2526\" data-end=\"2552\">No automatic constraints<\/li><li data-section-id=\"1v4unba\" data-start=\"2553\" data-end=\"2584\">Used for editor-style layouts<br \/><br \/><\/li><\/ul><h3 data-section-id=\"15z6dh9\" data-start=\"3483\" data-end=\"3508\">Where to look in code<\/h3><ul data-start=\"3510\" data-end=\"3693\"><li data-section-id=\"1gymv1n\" data-start=\"3510\" data-end=\"3553\">Struct definition:<ul data-start=\"3533\" data-end=\"3553\"><li data-section-id=\"prwu2c\" data-start=\"3533\" data-end=\"3553\"><code data-start=\"3535\" data-end=\"3553\">FAxSmartGeometry<\/code><\/li><\/ul><\/li><li data-section-id=\"fc3j0v\" data-start=\"3554\" data-end=\"3693\">Mutation functions:<ul data-start=\"3578\" data-end=\"3693\"><li data-section-id=\"1f3t9as\" data-start=\"3578\" data-end=\"3605\"><code data-start=\"3580\" data-end=\"3605\">SetStartAndUpdateSize()<\/code><\/li><li data-section-id=\"1ace23w\" data-start=\"3608\" data-end=\"3634\"><code data-start=\"3610\" data-end=\"3634\">SetStopAndUpdateSize()<\/code><\/li><li data-section-id=\"1m6wlft\" data-start=\"3637\" data-end=\"3664\"><code data-start=\"3639\" data-end=\"3664\">SetStartAndUpdateStop()<\/code><\/li><li data-section-id=\"1x9hgss\" data-start=\"3667\" data-end=\"3693\"><code data-start=\"3669\" data-end=\"3693\">SetSizeAndUpdateStop()<\/code><\/li><\/ul><\/li><\/ul>\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<div class=\"elementor-element elementor-element-63e5e63 e-flex e-con-boxed e-con e-parent\" data-id=\"63e5e63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02363f2 elementor-widget elementor-widget-heading\" data-id=\"02363f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rendering Model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a70691 elementor-widget elementor-widget-text-editor\" data-id=\"0a70691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2688\" data-end=\"2719\">Rendering is <strong data-start=\"2701\" data-end=\"2718\">not immediate<\/strong>.<\/p><p data-start=\"2721\" data-end=\"2729\">Instead:<\/p><ol data-start=\"2731\" data-end=\"2886\"><li data-section-id=\"1l6j5p9\" data-start=\"2731\" data-end=\"2774\">Interaction updates geometry (data only)<\/li><li data-section-id=\"1jm6i0p\" data-start=\"2775\" data-end=\"2886\">During the paint phase:<br \/><ul data-start=\"2805\" data-end=\"2886\"><li data-section-id=\"1vbvefy\" data-start=\"2805\" data-end=\"2848\">Geometry is converted into real UI layout<\/li><li data-section-id=\"5hqu4z\" data-start=\"2852\" data-end=\"2886\">Widgets are positioned and sized<\/li><\/ul><\/li><\/ol><h3 data-section-id=\"15z6dh9\" data-start=\"4007\" data-end=\"4032\">Where to look in code<\/h3><ul data-start=\"4034\" data-end=\"4186\"><li data-section-id=\"18fz8u2\" data-start=\"4034\" data-end=\"4080\">Paint entry:<ul data-start=\"4051\" data-end=\"4080\"><li data-section-id=\"14powoh\" data-start=\"4051\" data-end=\"4080\"><code data-start=\"4053\" data-end=\"4080\">SAxSmartCanvas::OnPaint()<\/code><\/li><\/ul><\/li><li data-section-id=\"bypoxw\" data-start=\"4081\" data-end=\"4186\">Geometry application:<ul data-start=\"4107\" data-end=\"4186\"><li data-section-id=\"1qyozqj\" data-start=\"4107\" data-end=\"4147\"><code data-start=\"4109\" data-end=\"4147\">UAxSmartCanvasPanel::HandleOnPaint()<\/code><\/li><li data-section-id=\"wiwukd\" data-start=\"4150\" data-end=\"4186\"><code data-start=\"4152\" data-end=\"4186\">UpdateSmartChildWidgetGeometry()<\/code><\/li><\/ul><\/li><\/ul>\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<div class=\"elementor-element elementor-element-5ea3311 e-flex e-con-boxed e-con e-parent\" data-id=\"5ea3311\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a988918 elementor-widget elementor-widget-heading\" data-id=\"a988918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Data Model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52a26c1 elementor-widget elementor-widget-text-editor\" data-id=\"52a26c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"4251\" data-end=\"4287\">Widgets can represent external data.<\/p><p data-start=\"4289\" data-end=\"4297\">Example:<\/p><ul data-start=\"4298\" data-end=\"4356\"><li data-section-id=\"10bwnyr\" data-start=\"4298\" data-end=\"4356\">A SmartWidget can represent a MIDI note, clip, or window<\/li><\/ul><p data-start=\"4358\" data-end=\"4379\">The system maintains:<\/p><div class=\"relative w-full mt-4 mb-1\"><div class=\"\"><div class=\"relative\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\"><div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\"><div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\">\u00a0<\/div><div class=\"relative\"><div class=\"w-full overflow-x-hidden overflow-y-auto pe-11 pt-3\"><div class=\"relative z-0 flex max-w-full\"><div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037ck \u037cy\" dir=\"ltr\"><div class=\"cm-scroller\"><div class=\"cm-content q9tKkq_readonly\">Data Object \u2192 SmartWidget<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"\"><div class=\"\">\u00a0<\/div><\/div><\/div><\/div><\/div><p data-start=\"4416\" data-end=\"4428\">This allows:<\/p><ul data-start=\"4430\" data-end=\"4492\"><li data-section-id=\"1lz35oq\" data-start=\"4430\" data-end=\"4445\">Fast lookup<\/li><li data-section-id=\"qyva7n\" data-start=\"4446\" data-end=\"4467\">Efficient updates<\/li><li data-section-id=\"xj9dhd\" data-start=\"4468\" data-end=\"4492\">No duplicate widgets<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e963f2 elementor-widget elementor-widget-text-editor\" data-id=\"1e963f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 data-section-id=\"15z6dh9\" data-start=\"4499\" data-end=\"4524\">Where to look in code<\/h3><ul data-start=\"4526\" data-end=\"4658\"><li data-section-id=\"towovo\" data-start=\"4526\" data-end=\"4570\">Mapping:<ul data-start=\"4539\" data-end=\"4570\"><li data-section-id=\"ymbfc5\" data-start=\"4539\" data-end=\"4570\"><code data-start=\"4541\" data-end=\"4570\">ObjectToSmartChildWidgetMap<\/code><\/li><\/ul><\/li><li data-section-id=\"nav827\" data-start=\"4571\" data-end=\"4608\">Access point:<ul data-start=\"4589\" data-end=\"4608\"><li data-section-id=\"jlcdqy\" data-start=\"4589\" data-end=\"4608\"><code data-start=\"4591\" data-end=\"4608\">GetDataObject()<\/code><\/li><\/ul><\/li><li data-section-id=\"5z46dv\" data-start=\"4609\" data-end=\"4658\">Registration:<ul data-start=\"4627\" data-end=\"4658\"><li data-section-id=\"17598pr\" data-start=\"4627\" data-end=\"4658\"><code data-start=\"4629\" data-end=\"4658\">AddAndRegisterSmartWidget()<\/code><\/li><\/ul><\/li><\/ul>\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<div class=\"elementor-element elementor-element-cd3fcf6 e-flex e-con-boxed e-con e-parent\" data-id=\"cd3fcf6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-732ef62 elementor-widget elementor-widget-heading\" data-id=\"732ef62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Extensibility Model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cad34bc elementor-widget elementor-widget-text-editor\" data-id=\"cad34bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 data-section-id=\"1htzlzw\" data-start=\"4732\" data-end=\"4748\">Base Behavior<\/h2><p data-start=\"4750\" data-end=\"4771\">SmartCanvas provides:<\/p><ul data-start=\"4773\" data-end=\"4825\"><li data-section-id=\"gforof\" data-start=\"4773\" data-end=\"4790\">Free movement<\/li><li data-section-id=\"1nsafy7\" data-start=\"4791\" data-end=\"4803\">Resizing<\/li><li data-section-id=\"1kfo0zo\" data-start=\"4804\" data-end=\"4825\">Basic constraints<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d5769c elementor-widget elementor-widget-text-editor\" data-id=\"2d5769c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 data-section-id=\"csrtn4\" data-start=\"4832\" data-end=\"4850\">Derived Classes<\/h2><p data-start=\"4852\" data-end=\"4911\">Derived classes <strong data-start=\"4868\" data-end=\"4887\">refine behavior<\/strong>, not replace structure.<\/p><p data-start=\"4913\" data-end=\"4922\">Examples:<\/p><ul data-start=\"4924\" data-end=\"5039\"><li data-section-id=\"s5ub5k\" data-start=\"4924\" data-end=\"4964\">Piano roll \u2192 snapping + quantization<\/li><li data-section-id=\"202l0m\" data-start=\"4965\" data-end=\"5000\">Timeline \u2192 axis-locked movement<\/li><li data-section-id=\"szaz3i\" data-start=\"5001\" data-end=\"5039\">Window system \u2192 free drag + resize<\/li><\/ul><blockquote data-start=\"5041\" data-end=\"5109\"><p data-start=\"5043\" data-end=\"5109\">Base allows everything<br data-start=\"5065\" data-end=\"5068\" \/>Derived classes restrict or reinterpret<\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-231324e elementor-widget elementor-widget-text-editor\" data-id=\"231324e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 data-section-id=\"15z6dh9\" data-start=\"5116\" data-end=\"5141\">Where to look in code<\/h3><ul data-start=\"5143\" data-end=\"5339\"><li data-section-id=\"hpxq95\" data-start=\"5143\" data-end=\"5219\">Override points:<ul data-start=\"5164\" data-end=\"5219\"><li data-section-id=\"5n1ulv\" data-start=\"5164\" data-end=\"5185\"><code data-start=\"5166\" data-end=\"5185\">HandleMouseMove()<\/code><\/li><li data-section-id=\"fe7d4z\" data-start=\"5188\" data-end=\"5219\"><code data-start=\"5190\" data-end=\"5219\">HandleSmartChildMouseDown()<\/code><\/li><\/ul><\/li><li data-section-id=\"1ikcbjc\" data-start=\"5221\" data-end=\"5339\">Example pattern:<ul data-start=\"5242\" data-end=\"5339\"><li data-section-id=\"4v843h\" data-start=\"5242\" data-end=\"5306\">Call <code data-start=\"5249\" data-end=\"5275\">Super::HandleMouseMove()<\/code> and react to geometry change<\/li><li data-section-id=\"17hb9fr\" data-start=\"5309\" data-end=\"5339\">OR fully override behavior<\/li><\/ul><\/li><\/ul>\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<div class=\"elementor-element elementor-element-c5e2a8e e-flex e-con-boxed e-con e-parent\" data-id=\"c5e2a8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd12113 elementor-widget elementor-widget-heading\" data-id=\"bd12113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Z-Order \/ Interaction Layering<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df4d743 elementor-widget elementor-widget-text-editor\" data-id=\"df4d743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"5380\" data-end=\"5445\">The system supports bringing widgets to front during interaction.<\/p><h3 data-section-id=\"15z6dh9\" data-start=\"5447\" data-end=\"5472\">Where to look in code<\/h3><ul data-start=\"5474\" data-end=\"5579\"><li data-section-id=\"phiy03\" data-start=\"5474\" data-end=\"5522\">Function:<ul data-start=\"5488\" data-end=\"5522\"><li data-section-id=\"885t6k\" data-start=\"5488\" data-end=\"5522\"><code data-start=\"5490\" data-end=\"5522\">BringSmartChildWidgetToFront()<\/code><\/li><\/ul><\/li><li data-section-id=\"khak7n\" data-start=\"5523\" data-end=\"5579\">Recommended trigger:<ul data-start=\"5548\" data-end=\"5579\"><li data-section-id=\"fe7d4z\" data-start=\"5548\" data-end=\"5579\"><code data-start=\"5550\" data-end=\"5579\">HandleSmartChildMouseDown()<\/code><\/li><\/ul><\/li><\/ul>\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":[132,129],"tags":[136],"class_list":["post-13405","documentation","type-documentation","status-publish","hentry","category-enhanced-ui","category-unreal-engine","tag-userinterface","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation\/13405","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\/13405\/revisions"}],"predecessor-version":[{"id":13421,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/documentation\/13405\/revisions\/13421"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=13405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/categories?post=13405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/tags?post=13405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}