Skip to content

UI.ScrollArea

Name Mandatory Description Default Type
⬅️ Input The value that will be passed to the Contents shards of the scroll area. Any
Output ➡️ The output of this shard will be its input. Any
Contents No The UI contents. none NoneShard[Shard]
Horizontal No Enable horizontal scrolling. false Bool
Vertical No Enable vertical scrolling. true Bool
AlwaysShow No Always show the enabled scroll bars even if not needed. false Bool

Add vertical and/or horizontal scrolling to a contained UI.

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
@wire(ui-wire {
  UI.Window(
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 200
    Height: 200
    Flags: [WindowFlags::NoResize]
    Contents: {
      UI.CentralPanel({
        UI.ScrollArea(
          Horizontal: true
          AlwaysShow: true
          Contents: {
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." | UI.Label(Wrap: false)
          }
        )
      })
    }
  )
} Looped: true)

{ui-behavior: ui-wire}