TransparentContainer  

The TransparentContainer (IWDTransparentContainer) is a UI container without any visual representation. A TransparentContainer UI element is transparent and can be filled with an any quantity of UI elements (children). In addition, the TransparentContainer UI element allows you to arrange its inserted UI elements through the specified layout.

You can distinguish whether the TransparentContainer only serves to structure the layout (isLayoutContainer = true).

You have to set the isLayoutContainer property to false to enable the following properties:

●      accessibilityDescription

●      defaultButtonId

●      labeledBy.

In addition the TransparentContainer only will be part of the tab sequence if isLayoutContainer is set to false.

Description of UI Element Properties

●      accessibilityDescription

When accessibility is activated, the assigned text is added to the tool tip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.

●      activateAccessKey

Indicates whether access key for this control is activated. More information: Enabling Access Keys

●      defaultButtonId

Specifies the ID of the assigned default button. To maintain a default button the isLayoutContainerproperty has to be set to false.

●      enabled

The enabled property has no effect on the UI element children you inserted into the UI element container. If, for example, you set the enabled property to false in the group UI element, an input field inserted in it is not automatically deactivated. If the UI element children in this group UI element are also to be deactivated, you must set the relevant property for each UI element separately.

●      handleHotkeys

Specifies whether this TransparentContainer acts as a separate container for hotkeys. If this property is set to true then all hot keys defined by UI elements within this TransparentContainer will be handled by this TransparentContainer. This defines a new scope for hot keys. More information: Implementing Hot Keys

●      isLayoutContainer

Specifies whether the TransparentContainer can be used as a layout container.

●      labeledBy

Determines the ID of the labeled SectionHeader. It's used to connect a SectionHeader as a title control to this container. The connection between an existing SectionHeader and transparent container via labeledBy is important for accessibility reasons.

●      scrollingMode

Specifies how the scroll bar appears within the TransparentContainer.
The scrollingMode property can take the following values and is represented by enumeration type WDScrollingMode.

auto	The scroll bar within the container is activated automatically.
both	A vertical and horizontal scroll bar are activated.
none	Scrolling within the text context is not possible.

●      width

Determines the width of the TransparentContainer. You can specify this in CSS sizes, such as em, ex, pixels or percentage values.

Properties Overview

Name	Interface	Type	Initial Value	Bindable
accessibilityDescription	IWDScrollContainer	String		bindable
activateAccessKey	IWDTransparentContainer	boolean	false	not bindable
defaultButtonId	IWDScrollContainer	String		bindable
enabled	IWDUIElement	boolean	true	bindable
handleHotkeys	IWDScrollContainer	boolean	false	not bindable
height	IWDUIElementContainer	String		bindable
isLayoutContainer	IWDTransparentContainer	boolean	true	not_bindable
labeledBy	IWDTransparentContainer	String		not_bindable
scrollingMode	IWDScrollContainer	WDScrollingMode	none	bindable
tooltip	IWDUIElement	String		bindable
visible	IWDUIElement	WDVisibility	visible	bindable
width	IWDUIElementContainer	String		bindable