Matrix Component

Overview
The Matrix (Centauri v1.0) component enables Creators to create a series of questions that have the same responses. For example, creating a survey where end-users answer several questions on a scale of 1 to 5.
The Matrix component displays data in one of two ways as shown below:
Table
Displays data in a table of radio buttons. Here's how the table option for displaying the Matrix component looks in Express View:
Inline
Displays data inline with the rest of your module. Here's how the inline option looks in Express View:
For logic-based configurations, you can also assign numeric values to your response options. For example, Strongly Agree = 5, Agree = 4, and so on.
You'll find the Matrix component in the Display & Layout group to the left of the Module Builder.
About the Configuration Window
To learn more about general component settings, view our General Component Settings article.
Display Settings
Default State Options
Setting |
Description |
---|---|
Hide Label |
Setting Hide Label to (ON) hides Label Text from displaying in Express View. Your Label Text still displays in the Module Builder. By default, this setting is set to (OFF). |
Hide Field |
Displays or hides the component from view. Setting Hide Field to (ON) hides the component in Express View. Setting it to (OFF) displays the component. The component is always visible in the Module Builder. By default, Hide Field is set to (OFF). |
Formatting
Setting |
Description |
---|---|
Display Type |
You can choose to display the Matrix component either as a Table or Inline.
|
Table |
When using Table display, you can add a text field column to your Matrix component. Doing so lets the end-user enter values, and the text field column triggers when the end-user selects the triggering value. For example, if an end-user selects an option called Other/Not, the selection triggers a text field where the end-user can enter a specific value. Selecting Table displays the following settings:
|
Inline |
When you select Inline, the following setting displays: Tooltip: A short hint that displays when an end-user positions their cursor over the |
Input Behavior
Setting | Description |
---|---|
Input Behavior |
Controls how end-users interact with the component. Choose from the following options:
|
Adding a Matrix Component
In this scenario, you'll create a car insurance questionnaire using the default Table display option. These instructions assume that you have an open module saved with a title.
1. | In the Module Builder drag and drop a Matrix component onto your canvas. |
2. | In the Property ID field, enter surveyInsurance . |
3. | In the Canvas Label Text field, enter Car Insurance Questionnaire . |
4. | In the Rows/Collections table, enter the following: |
Label |
Value |
|
---|---|---|
1 |
My car insurance is priced fairly. |
myCarInsuranceIsPricedFairly |
2 |
My car insurance does not provide enough coverage. |
myCarInsuranceDoesNotProvideEnoughCoverage |
3 |
My car is not worth insuring. |
myCarIsNotWorthInsuring |
4 |
Car insurance should not be required by law. |
carInsuranceShouldNotBeRequiredByLaw |
The Label column sets the row labels for your table.
5. | In the Columns/Properties table, enter the following: |
Label |
Value |
|
---|---|---|
1 |
Strongly Agree |
stronglyAgree |
2 |
Agree |
agree |
3 |
Undecided |
undecided |
4 |
Disagree |
disagree |
5 |
Strongly Disagree |
stronglyDisagree |
The Label column sets the column headers for your table.
6. | Click Save Component. |
7. | Save your module. |
Preview your module in Express View. Note how the data displays in the Matrix table:
Resources