Base class for all controls that can contain controls

5.3 System ControlsNote: Some display names of Attributes属性 have been renamed from version 1.10.Name DescriptionControl [ 419] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. Base class of all controls.Container Control [ 445] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. Base class for all controls that can contain controls.Container [ 451] Container for other controls.Content [ 456] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. A reusable container that can be loaded in a region.Grid [ 461] Layout grid for controls that can react fluidly and responsively.HTML Host [ 472] Container for HTML content. Can be edited in the HTML editor of the Designer.Partial [ 476] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. A base class for reusable control containers.Region [ 482] Container for content controls. (created via "Add new file" in Solution View).User Control [ 490] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. A reusable collection of controls.User Control Host [ 495] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. Container for user controls.View [ 501] No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. Top-level control for a TcHmi visualization.5.3.1 ControlNo instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. It is the basic class of all controls. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 427] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations!HeightMode [ 428] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlIsEnabled [ 425] Selection of whether a control should be activatedCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.2 Container ControlNo instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. It is the basic class for all controls that can contain controls. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlIsEnabled [ 450] Selection of whether the control is enabledCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] lThe control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.3 ContainerThe container control offers the option of grouping other controls. All controls that are added to a container are defined relative to the position of the container and are shifted automatically with the container. This control can also be used for the subdivision and arrangement of a control, for example a view or a content. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.4 ContentA content control is an independent container object that can be loaded in a region [ 482]. This control can be used, for example, to subdivide operating concepts into various contents. It is created under the TcHmi project tree with the context menu Add new Item… Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界BorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.5 GridThe grid is a layout grid that can be used for the development of fluid and responsive designs. With the help of the grid, parts of the page or the entire page can be divided into various cells. On the basis of the cells you can then design the page by adding controls to the various cells and defining the behavior of the cells when changing the browser size. The grid offers a great many different configuration options. You can find the description of an example configuration in the chapter Configuration [ 466]. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 472] Selection of the method of calculating the widthHeightMode [ 471] Selection of the method of calculating the heightCategory类别: Common通用Name DescriptionColumnOptions [ 471] Definition of the columnsRowOptions [ 471] Definition of the rowsCellOptions [ 470] Definition of the cellsCellWrap [ 470] Selection of whether the cells should wrap within the rowIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.5.2 Dialogs 5.3.5.2.1 Cell Options Dialog You can change the cell settings with this dialog.Items List of all objects addedDelete the selected objectChange the object order (top = left)Add a new objectCategory类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlBorderColor [ 432] Definition of the border color of the controlBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesCategory类别: Border边界Name DescriptionBorder Width Definition of the border width of the four sides of the cellBorder Style Selection of the border style of the four sides of the cellCategory类别: Layout布局Name DescriptionGrid Column Index Definition of the column of a grid that is to be defined by the cell optionGrid Row Index Definition of the row of a grid that is to be defined by the cell optionPadding Definition of an additional distance between the cell border and the controls added to the cell for the four sides5.3.5.2.2 Column Options Dialog You can change the number of columns and their settings with this dialog.Items List of all objects addedDelete the selected objectChange the object order (top = left)Add a new objectCategory类别: Layout布局Name DescriptionColumn Width Definition of the column widthWidthMode [ 472] Selection of the method of calculating the widthHeightMode [ 471] Selection of the method of calculating the heightColumn Max Width Definition of the maximum column widthColumn Min Width Definition of the minimum column widthOverflow Selection of whether controls that have been added to the row but placed outside the row area should be displayed5.3.5.2.3 Row Options Dialog You can change the number of rows and their settings with this dialog.Items List of all objects addedDelete the selected objectChange the object order (top = left)Add a new objectCategory类别: Layout布局Name DescriptionRow Height Definition of the row heightHeightMode [ 471] Selection of the method of calculating the heightRow Max Height Definition of the maximum row heightRow Min Height Definition of the minimum row heightOverflow Selection of whether controls that have been added to the row but placed outside the row area should be displayed5.3.6 HTML hostThe HTML host is a container for HTML contents. This control can be edited in the HTML editor of the Designer. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 427] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations!HeightMode [ 428] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 425] Selection of whether a control should be activatedId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.Inheritance hierarchy Control [ 419] HTML host See also API reference [ 1138] for this control 5.3.7 Partial No instance of this class can be created. This page serves only as a list of the Attributes属性 that this class provides. It is the basic class for reusable control containers. Attributes属性Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.Inheritance hierarchy Control [ 419] Container Control [ 445] Partial See also API reference [ 1143] for this control 5.3.8 Region The region is a container for content controls. The content to be displayed can be defined using the "Target Content" attribute. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 488] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side. The "Width" attribute is ignored in all calculations! · Content: The width is defined by the children of the content control. The "Width" attribute is ignored in all calculations!HeightMode [ 488] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the children of the content control. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 425] Selection of whether a control should be activatedId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlTargetContent [ 488] Definition of the path to the content control that is to be displayedScaleMode [ 489] Selection of the scaling of the content that is displayed in the region: · None: No scaling of the content · ScaleToFill: The content is displayed over the entire size of the control. The proportions are thereby ignored. · ScaleToFit: The content is displayed as large as possible without extending beyond the edges of the control. The proportions are retained. · ScaleToFitWidth: The content is displayed over the entire width of the control. The proportions are retained. · ScaleToFitHeight: The content is displayed over the entire height of the control. The proportions are retained.Scrolling [ 489] Selection of the scrolling behavior of the content: · No · Yes · Auto A browser has to be used to test the scrolling.Category类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category: ControlName DescriptiononTargetContentReplaced [ 489] The content control was replaced.Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.9 User ControlA user control is a reusable collection of controls which, after creation, is available in the toolbox like a standard control. The control is created under the TC HMI project tree with the context menu Add new Item… When adding a user control, a user control host is created that has the user control as a child element. Therefore, every change to an attribute (for example the background color) acts from the outside on the user control host and from the inside on the user control. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.Inheritance hierarchy Control [ 419] Container Control [ 445] Partial [ 476] User Control See also API reference [ 1158] for this control5.3.10 User Control HostThe user control host is an administration container for user controls [ 495]. It is created automatically when using a user control. Changes since version 1.10 Form version 1.10, the attribute TargetUserControl is mandatory at the time of compilation and can no longer be changed at runtime. A missing attribute TargetUserControl and errors in the configuration of the UserControl defined in TargetUserControl now lead to compilation errors that can indicate an error in the configuration. Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 500] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side. The "Width" attribute is ignored in all calculations! · Content: The width is defined by the user control that is displayed in the user control host. The "Width" attribute is ignored in all calculations!HeightMode [ 500] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the user control that is displayed in the user control host. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionTargetUserControl [ 501] Definition of the path to the user control that is to be displayedIsEnabled [ 501] Selection of whether the control should be enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category: ControlName DescriptiononTargetUserControlReplaced [ 501] The user control was replaced.Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.5.3.11 ViewA view is the top-level control of a visualization. The control is created under the TC HMI project tree with the context menu Add new Item… Attributes属性 Category类别: Colors颜色Name DescriptionBackgroundColor [ 433] Definition of the background colorBorderColor [ 432] Definition of the border color of the controlCategory类别: Layout布局Name DescriptionLeft [ 426] Definition of the distance from the left side to the left side of the surrounding controlLeftUnit [ 426] Definition of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningTop [ 426] Definition of the distance from the top side to the top side of the surrounding controlTopUnit [ 426] Selection of the unit of the distance to the top side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningRight [ 429] Definition of the distance from the right side to the right side of the surrounding controlRightUnit [ 429] Selection of the unit of the distance to the right side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningBottom [ 429] Definition of the distance from the bottom side to the bottom side of the surrounding controlBottomUnit [ 429] Selection of the unit of the distance to the bottom side of the surrounding control: · Pixels for absolute positioning · Percent for relative positioningWidth [ 427] Definition of the external width of the controlWidthUnit [ 427] Selection of the unit of the width: · Pixels for an absolute width · Percent for a relative widthHeight [ 428] Definition of the external height of the controlHeightUnit [ 428] Selection of the unit of the height: · Pixels for an absolute height · Percent for a relative heightMaxWidth [ 437] Definition of the maximum width if the control size is defined as dynamicMaxWidthUnit [ 437] Selection of the unit of the maximum width: · Pixels for an absolute value · Percent for a relative valueMinWidth [ 438] Definition of the minimum width if the control size is defined as dynamicMinWidthUnit [ 438] Selection of the unit of the minimum width: · Pixels for an absolute value · Percent for a relative valueMaxHeight [ 436] Definition of the maximum height if the control size is defined as dynamicMaxHeightUnit [ 437] Selection of the unit of the maximum height: · Pixels for an absolute value · Percent for a relative valueMinHeight [ 436] Definition of the minimum height if the control size is defined as dynamicName DescriptionMinHeightUnit [ 436] Selection of the unit of the minimum height: · Pixels for an absolute value · Percent for a relative valueRenderedLeft [ 430] Calculated distance in pixels from the left side to the left side of the surrounding controlRenderedTop [ 430] Calculated distance in pixels from the top side to the top side of the surrounding controlRenderedRight [ 431] Calculated distance in pixels from the right side to the right side of the surrounding controlRenderedBottom [ 430] Calculated distance in pixels from the bottom side to the bottom side of the surrounding controlRenderedWidth [ 431] Calculated width of the control in pixelsRenderedHeight [ 431] Calculated height of the control in pixelsGridRowIndex [ 432] Definition of the row of a grid in which the control is to be displayedGridColumnIndex [ 432] Definition of the column of a grid in which the control is to be displayedOpacity [ 438] Definition of the transparency of the entire controlVisibility [ 439] Selection of the visibility of a control: · Visible: Control is visible · Hidden: Control is invisible, but is drawn – controls behind it cannot be operated · Collapsed: Control is invisible and is not drawn – controls behind it can be operatedZIndex [ 440] Definition of the position on the Z-axisTransform [ 439] Definition of a transformation of a control: · Translate: Translate in X-, Y-, Z-direction · Rotate: Rotate by an angle · Scale: Zoom by a factor · Skew: Sides shown skewed by an angle · Origin: Set the origin of the transformation relative to the position of the control · Perspective: Set the perspective of the transformations of all child elementsBoxShadow [ 440] Definition of a shadowWidthMode [ 450] Selection of the method of calculating the width: · Value: The width is defined by the width entered. · Parent: The width is defined by the distance to the left and right side of the parent element. The "Width" attribute is ignored in all calculations! · Content: The height is defined by the width of the content. The "Width" attribute is ignored in all calculations!HeightMode [ 450] Selection of the method of calculating the height: · Value: The height is defined by the height entered. · Parent: The height is defined by the distance to the top and bottom side of the parent element. The "Height" attribute is ignored in all calculations!Name Description· Content: The height is defined by the height of the content. The "Height" attribute is ignored in all calculations!Category类别: Common通用Name DescriptionIsEnabled [ 450] Selection of whether the control is enabledId [ 424] Definition of the name of the controlType [ 439] Type name of the control.ClassNames [ 425] Definition of control classesIsAttached [ 425] If a control is logically assigned in the DOM.ToolTip [ 438] Definition of the tool tip for the controlCategory类别: Border边界Name DescriptionBorderRadius [ 433] Definition of the radius of the four corners to round them offBorderStyle [ 433] Selection of the border style of the four sides of the controlBorderWidth [ 433] Definition of the border width of the four sides of the controlCategory类别: Background Image背景图片Name DescriptionBackgroundImage [ 434] Definition of an image that is located above the background colorBackgroundImageHeight [ 435] Definition of the height of the background imageBackgroundImageHeightUnit [ 435] Selection of the unit of the height of the background image: · Pixels for an absolute height · Percent for a relative heightBackgroundImageWidth [ 434] Definition of the width of the background imageBackgroundImageWidthUnit [ 434] Selection of the unit of the width of the background image: · Pixels for an absolute width · Percent for a relative widthBackgroundImagePadding [ 435] Definition of an additional distance between the border of the control and background image for the four sidesBackgroundImageVerticalAlignment [ 436] Definition of the vertical alignment of the background image within the controlBackgroundImageHorizontalAlignment [ 435] Definition of the horizontal alignment of the background image within the controlEvents Category类别: Framework框架Name DescriptiononAttached [ 440] The control was added to the display.onDetached [ 440] The control was removed from the display.onInitialized [ 441] The control was initialized.onMoved [ 443] The control was moved in relation to the browser window.onResized [ 444] The size of the control was changed.Category类别: Operator操作者Name DescriptiononPressed [ 443] A mouse click was executed or a touch screen was briefly touched.onMouseClick [ 441] The left mouse button was clicked over the control and released.onMouseDoubleClick [ 441] The left mouse button was clicked twice over the control and released.onMouseRightClick [ 442] The right mouse button was clicked over the control and released.onMouseDown [ 441] A mouse button was depressed over the control.onMouseEnter [ 442] The mouse pointer was moved over the control.onMouseLeave [ 442] The mouse pointer has left the control.onMouseUp [ 443] A mouse button was released over the control.onMouseDownLeft [ 441] The left mouse button was depressed over the control.onMouseDownRight [ 441] The right mouse button was depressed over the control.onMouseMove [ 442] The mouse was moved over the control.onMouseOver [ 442] The mouse pointer was moved over the control or one of its children.onMouseOut [ 442] The mouse pointer has left the control or one of its child controls.onMouseUpLeft [ 443] The left mouse button was released over the control.onMouseUpRight [ 443] The right mouse button was released over the control.onMouseWheel [ 443] The mouse wheel was moved over the control.onTouchStart [ 444] A finger/stylus was placed against a touch screen.onTouchMove [ 444] A finger/stylus was moved on a touch screen.onTouchEnd [ 444] A finger/stylus was lifted off a touch screen.onTouchCancel [ 444] An interaction with a touch screen was aborted.Access rightsName Descriptionobserve [ 444] Determines whether the control is generally observable.operate [ 445] Determines whether the control is generally operable.Inheritance hierarchy Control [ 419] Container Control [ 445] Partial [ 476] View See also API reference [ 1173] for this control5.4 User controlsA user control enables the re-use of existing controls in a separate control. Existing controls include the system controls, the Beckhoff controls and the framework controls. The controls can be placed in the user control by drag & drop. Further information on the controls can be found in the chapter Creating a user control [ 36].5.5 Framework controlsUser-specific controls [ 2012] can be developed in JavaScript in order to integrate controls or libraries from third-party suppliers or to map applicative requirements.5.6 Control rightsEnables or prevents the editing or viewing of the respective control by the user groups configured. For more information, see the chapter User Management [ 507].