The UIContainer design creates a borderless virtual control for combining other controls into groups for positioning, hiding, etc. The UIContainer can be the main form that the different UI designs rest in or can be a sub container.
In the UIContainer you can control the background color and several other features.
Parameter Rules
| backgroundColor: | Controls the background color of the ‘Container’ area. |
| Example: | return "#64E411"; |
| Choices: | "background | primary | secondary|…|#rrggbb|#rgb" |
| orientation: | Sets the orientation of the other controls. |
| Example: | “row” |
| Choices: | “row | column” |
| wrap: | Allows the controls within the container to wrap. |
| Example: | true |
Mixins
UINontainerMixin
UIControlMixin
UIStyleMixin
BaseNode
BaseModel
RULE NAME |
TYPE |
DEFAULTS |
CATEGORY |
FLAGS |
|---|---|---|---|---|
backgroundColor |
string |
"background" |
Style |
Cached |
orientation |
string |
"row" |
Style |
Cached |
wrap |
string |
x |
Style |
Cached |
![]()
Project Example:
In your kBridge Examples Projects folder open the project called ‘MyTable’.
Reference Location:
“world.mytable.tableui.tableui0.inputscontainer.inputscontainer0”
Link: https://knowledgebridge.engineer/projects
Open the MyTable project.
Press the UI start icon to start the User Interface.
![]()
A check box was added to the UIRadioButton ‘Test1’ that will change the background colors. The UIContainer area changes to Green.
![]()
The UIContainer background color was set to green. The UIContainer area covers the whole area.
On top of the UIContainer are other UI designs.
•InputsContainer: UIContainer (Green)
• ContentFieldset: UIFieldset (Blue)
• ControlPanel: UIPanel
• ContentPanel: UIContainer (Purple)
• DimensionFieldset: UIFieldset (Light Blue)
• LoadConditionsFieldset: UIFieldset (Light Blue)
• MaterialFieldset: UIFieldset (Light Blue)
![]()