Developer Documentation Library > Interview templates > UX4 specific properties and HTML controls > HTML controls > CollapsibleGrid.htm
 
CollapsibleGrid.htm
Use the CollapsibleGrid.htm template with a categorical grid to display a grid where the first iteration is expanded and the other iterations are collapsed. When the respondent expands each iteration, the other iterations collapse to provide focus to the expanded iteration.
To collapse the entire grid or any other question type, see the uxui_question_child_container custom property.
Applies to
Categorical grid
Example
CollapsibleGrid "Your workplace..."
templates(
Question = "CollapsibleGrid.htm"
)
loop
{
GoodCommunication "Communication is good between staff and management.",
PersonalResponsibility "I feel a high degree of personal responsibility for the work I do.",
PoorCommunicationion "Sometimes we get things wrong because staff and management don't talk enough.",
DoItMyself "I'd rather do the work myself than rely on others.",
Proud "I am proud to work for my employer."
} fields -
(
Workplace "Workplace"
categorical [1..1]
{
StronglyDisagree "Strongly Disagree",
Disagree "Disagree",
Undecided "Undecided",
Agree "Agree",
StronglyAgree "Strongly Agree"
};

) expand grid;
See
UX4 specific properties and HTML controls