From HTML5 Builder
Jump to: navigation, search

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.


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):

  1. Set its Layout.Type property to REL_XY_LAYOUT.
  2. 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].

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).