Floating UI settings
Last updated
Last updated
Before configuring the Floating UI, determine its type: Floating or Docked. These two types function differently:
Floating — this type of UI overlays the 3D canvas, appearing above the scene.
Docked — this type of UI is placed adjacent to the 3D canvas instead of overlapping it. This prevents interference with 3D objects and ensures a more seamless interaction experience when adjusting the camera view.
Position — Defines the Floating UI’s position relative to the canvas. If the appearance of Floating UI has been set up within Interactions relative to an object or pointer, this setting will also be applied.
Offset — Adjusts the horizontal and vertical offset of the Floating UI. If the appearance of Floating UI has been set up within Interactions relative to an object or pointer, this setting will also be applied.
Stacking — Controls the direction in which UI elements inside the Floating UI are arranged.
Align elements — Sets alignment for elements within the Floating UI.
Spacing — Adjusts the spacing between UI elements inside the Floating UI.
W — Defines the width of the Floating UI.
H — Defines the height of the Floating UI.
Fixed — A fixed size set in pixels.
Fill — Adjusts the size based on the parent element (for Floating UI, the parent is the Canvas).
Hug — Adapts the size based on the largest element inside (available only for Floating UI and Container elements).
Padding — Defines the horizontal and vertical padding inside the Floating UI.
Corner radius — Sets the border rounding of the Floating UI.
Default color — The background color of the Floating UI. If disabled, the Floating UI will be transparent.
Hover color — The background color when hovering over the Floating UI.
Thickness — Defines the thickness of the Floating UI's border.
Default color — The color of the border. If disabled, the stroke will be transparent.
Hover color — The border color when hovering over the Floating UI.
Shadow — Adds a shadow effect to the Floating UI.
Background Blur — Applies a blur effect. This effect is visible when the Floating UI background has transparency (Fill → Default color < 100%).