From Xojo Documentation

You are currently browsing the old Xojo documentation site. Please visit the new Xojo documentation site!

Class (inherits from WebView)

New in 2020r1

Used to organize controls on hidden panels. Only the controls on the current panel are visible to the user. This control does not display a user interface at run-time.

Closed Opening Resized
ContextualMenuSelected Overflowed Shown
Hidden PanelChanged
ContextualMenu LockBottom fa-lock-32.png SelectedPanelIndex
ControlID fa-lock-32.png LockHorizontal fa-lock-32.png Style
Enabled LockLeft fa-lock-32.png TabIndex
Height LockRight fa-lock-32.png Tooltip
Indicator LockVertical fa-lock-32.png Top
LastControlIndex Name fa-lock-32.png Visible
LayoutDirection Page fa-lock-32.png Width
LayoutType PanelCount fa-lock-32.png
Left Parent fa-lock-32.png
AddControl ExecuteJavaScript SetFocus
Close GotoURL UpdateBrowser
ControlAt LastPanelIndex


The WebPagePanel control allows you to add controls to panels, just as you add controls to WebTabPanels. The difference is that the WebPagePanel control itself is not visible in your built application. Only the controls on the currently selected panel are visible. You change the displayed panel by changing the SelectedPanelIndex property. A WebPagePanel cannot be embedded inside another WebPagePanel.

You get or set the panel on which a control is located via the PanelIndex property of the WebUIControl class. The first panel is numbered zero.

In the IDE, you can add, insert, delete, reorder and navigate from panel to panel, just like a WebTabPanel. When building an interface using the WebPagePanel, you can take advantage of the Control Hierarchy, discussed in the section on the RectControl object.

Embedding a WebPagePanel into another WebPagePanel or into a WebTabPanel is not supported.

Sample Code

The following line of code moves a WebListBox from its current panel to the second panel of a WebPagePanel.

ListBox1.PanelIndex = 1

See Also

WebTabPanel control