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 TransparentContaineronly 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 TransparentContaineronly 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 isLayoutContainer property 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 TransparentContainercan 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