uxui_question_child_container
The uxui_question_child_container property puts the label and input control for all child items in the same container element. For example, if a question has codes, a container is added around all of the coded responses. This enables you to style all the child items together.
Set the following properties on the wrapper element. They affect the label and input controls in the container. These are set to specific values, instead of true, for example:
uxui_question_child_container = "{ width: '225px' }"
labelPosition
Set to left or right.
The default value is right.
margin
The default value is '4px 0'.
border
The default value is '1px solid #efefef'.
padding
The default value is '5px'.
boxShadow
The default value is '0 0 2px #efefef'.
width
The default value is 'auto'.
This property changes the HTML DOM, so it might cause other custom properties on this question to work differently.
Possible values
true|false
Applies to
Any question type
Example
The following example sets the width of the numeric input control to the overall width minus 2em, which allows for the width of the icon in the UX4 control.
ShareContainer "The question and inputs share a container allowing some different formatting for the Codes."
[
uxui_question_wrapped_input = "{ width: '225px' }"
]
style(
Width = "calc(225px - 2em)"
)
long [0 .. 99]
initialanswer(0 ) codes(
{
NoAnswer "NA" NA,
DontKnow "Don't know" DK
} );
See