Panel
The Panel container allows you to group controls together, with properties and methods to help you manage the placement of its child controls.
When you change the position of a this container, the position of the contained components changes too. It can be also useful when child components inherit properties from it, like Font or Color.
You can use this component, for example, to implement a tool bar.
Contents
Usage
Content Scrolling
If you want a panel to provide scrollbars when its content is bigger than the panel itself (for example, when the content is generated using a DBRepeater):
- Set its Layout.Type property to REL_XY_LAYOUT.
- During the JavaScript event OnReady of the Page containing the panel, run:
$('#ComponentName').css('overflow', 'auto');
.
You can replace overflow
with overflow-x
or overflow-y
to provide only horizontal or vertical scrolling.
Client-side Features
DOM Elements
The component generates the following client-side DOM elements:
- Wrapper (HTMLDivElement). Full web browser support. Access it with
$("#ComponentName_outer").get()[0]
.- Main element (HTMLDivElement). Full web browser support. Access it with:
$("#ComponentName").get()[0]
.
- Main element (HTMLDivElement). Full web browser support. Access it with:
Client-side Events
- Documented in the RPCL Reference.
Server-side Features
Properties, Methods and Events
- Documented in the RPCL Reference.
See Also
- Alternatives: MPanel (mobile applications).