How to use it

Create Views

• Add a Container Control to your Contents (Insert > Container Control)

• Set Name to MyView and Super to ViewController

• Insert Open-Event Handler (Insert > Event Handler...) and initialize MyView:

// 50  = collapsed Height
// 250 = expanded Height
Init(50, 250)

• Drag and Drop some Controls you want to MyView

• Drag and Drop a DisclosureTriangle and add this Code to his Action-Event:

Expand(Not Expanded)

Create Stack

• Add a Container Control to your Contents (Insert > Container Control)

• Set Name to MyStackView and Super to StackController

• Drag and Drop all Views (you created in step before) into MyStackView

• Insert Open-Event Handler (Insert > Event-Handler...) and initialize MyStackView:

// do this for each View you droped into MyStackView
Views.Add(MyView1)
Views.Add(MyOtherView1)

Create Scroll Container

• Add a Container Control to your Contents (Insert > Container Control)

• Set Name to MyScrollView

• Set Super to ScrollController
• Drag and Drop a ScrollBar into MyScrollView

• Drag and Drop MyStackView into MyScrollView (you don't need to set the position for your controls)

• Insert Open-Event Handler (Insert > Event Handler...) and initialize MyScrollView:

Var nsScroller As Boolean

#If TargetMacOS Then
  // Or within a native NSScrollView (macOS-only)
  nsScroller = True
#Else
  // With regular Xojo ScrollBar (macOS, Linux, Windows)
  nsScroller = False
#Endif

Init(MyStackView1, ScrollBar1, True, nsScroller)

Use it within your App

1. Drag and Drop MyScrollView into your Window

2. Press Run or Compile

3. Finished