HoopsLayout

class ui.layout.HoopsLayout()

Provides a slot-based page layout container for HOOPS web components.

Examples

<hoops-layout floatingPanels>
  <div slot="menu-bar">Menu</div>
  <div slot="central-widget">Viewer</div>
</hoops-layout>

Custom Element

hoops-layout

Attributes

floatingPanels

Renders panel slots in floating mode when enabled

Slots

menu-bar

Slot for the top menu bar

status-bar

Slot for the bottom status bar

panel-left

Slot for the left side panel

panel-right

Slot for the right side panel

panel-top

Slot for the top panel

panel-bottom

Slot for the bottom panel

toolbar-left

Slot for the left toolbar

toolbar-right

Slot for the right toolbar

toolbar-top

Slot for the top toolbar

toolbar-bottom

Slot for the bottom toolbar

central-widget

Slot for the central content

CSS Properties

–hoops-layout-width

Width of the layout container

–hoops-layout-height

Height of the layout container

Since

2025.7.0

Constructors

ui.layout.HoopsLayout.constructor()
HoopsLayout(): HoopsLayout

Returns: HoopsLayout

Properties

ui.layout.HoopsLayout.slotsShown
slotsShown: Record
ui.layout.HoopsLayout.floatingPanels

optional

floatingPanels: boolean

Methods

ui.layout.HoopsLayout.hideSlot()
hideSlot(name: HoopsLayoutSlotName): void

Hides the specified slot in the Hoops layout.

Parameters

name: HoopsLayoutSlotName

The name of the slot to hide.

Returns: void

ui.layout.HoopsLayout.isSlotVisible()
isSlotVisible(slotName: HoopsLayoutSlotName): boolean

Determines whether a specific slot is visible.

Parameters

slotName: HoopsLayoutSlotName

The name of the slot to check visibility for.

Returns: boolean

  • Returns true if the slot is visible, false otherwise.
ui.layout.HoopsLayout.setSlotVisibility()
setSlotVisibility(slotName: HoopsLayoutSlotName, shown: boolean): void

Mutates the visibility state of a slot.

Parameters

slotName: HoopsLayoutSlotName

The name of the slot to mutate.

shown: boolean

The visibility state to set for the slot.

Returns: void

ui.layout.HoopsLayout.showSlot()
showSlot(name: HoopsLayoutSlotName): void

Sets the visibility of a layout slot to be shown.

Parameters

name: HoopsLayoutSlotName

The name of the layout slot.

Returns: void

ui.layout.HoopsLayout.toggleSlotVisibility()
toggleSlotVisibility(name: HoopsLayoutSlotName): void

Toggles the visibility of a layout slot.

Parameters

name: HoopsLayoutSlotName

The name of the layout slot to toggle.

Returns: void