- Panel Layout size
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/panel/Panel Size and Dock Options/Layout size.xml
Specify the card size. You can use CSS syntax. Allowed units are:
px, in, pt, pc, cm, mm, or a relative size (e.g. flex(2)).
- Panel Layout HTML
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/Panel Layout HTML/index.xml
Determines when the HTML for Panels is computed.
- Panel Layout Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/panel/Panel Layout Properties/index.xml
Panel Layouts are containers that can contain Panels, Panel Navigators, and even
other Panel Layout containers. The Panel Layout Properties section allows you to define how
the sub-containers inside a panel layout will act. For example, the direction that the
containers will flow in, what method of animation will be used to display panels, what
buttons reveal hidden panels, and more.
- Scrolling Panel Layout (Template)
/documentation/pages/Guides/Mobile and Web Components/UX/Intro/UX Templates/ScrollingPanelLayout.xml
ScrollingPanelLayout is a ready-made UX template that implements a scrollable *[ui:Panel
Layout]*:
multiple *[ui:Panel Cards]* arranged as a single long page with
*[ui:Panel Layout Behavior]* set to *[ui:Scrolling]* (optional *[ui:Scroller]*).
- Compute Panel Layout HTML at design time
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/Panel Layout HTML/Compute Panel Layout HTML at design time.xml
Applies only if the UX Component uses Panels. Specify if the Panel Layout HTML should
be computed at design-time, rather than at run time. For a UX Component with a large number of controls,
this can mean a significant saving in the time taken to render the component initially. It will, however,
take longer to save the component when designing it. If the component uses security groups, or server-side
show hide expressions to hide certain controls, then the UX component will need to be recomputed at run-time,
regardless of this setting.
- Panel Properties
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/panel/index.xml
Properties for configuring Panel controls within a UX Component.
- Panel Size and Dock Options
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/panel/Panel Size and Dock Options/index.xml
A docked panel is a 'hidden' panel that can be revealed when a given event fires.
Whether or not a panel is dockable is defined here in the 'Panel Size and Dock Options' properties section
of a given Panel or Panel Navigator. The assignment of buttons to dock and or undock panels can be done in the Panel Layout
using the 'Docked Panel controller buttons' property in the Panel Layout Properties section of the Properties list.
- UX Component - FlexLayout Containers
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Containers/Container/FlexLayout/FlexLayout Containers.xml
A new container type in the UX component makes it easy to dynamically size controls when the orientation of the device changes (mobile devices), or the window size changes (desktop browsers).
- Open a Page Layout component
/documentation/pages/Ref/Action Javascript/Open a Page Layout component.xml
Open a Page Layout component in a pop-up window, or in a DIV on the current page.
- Landscape orientation Panel
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/panel/Panel Navigator Properties/Landscape orientation panel.xml
The ID of a Panel to display when the device orientation is 'Landscape'. Only available if the *[link:Navigator type@ux panel navigator type]* for the Panel Navigator is set to *[ui:OrientationChange]*.