Matrix Questions and Advanced Cascade Questions

ENexpand_more

FRexpand_more

Free header 1

Demo Survey EN

Matrix

With Mat_Opt & Mat_Chk

67 - Q352 : [Tp = Mat_OPT] Matrix Question with option

		Very important	important	somewhat important	not important
Question 1	X	Question 1	check_circle_outlineradio_button_uncheckedVery important	check_circle_outlineradio_button_uncheckedimportant	check_circle_outlineradio_button_uncheckedsomewhat important	check_circle_outlineradio_button_uncheckednot important
Question 2	X	Question 2	check_circle_outlineradio_button_uncheckedVery important	check_circle_outlineradio_button_uncheckedimportant	check_circle_outlineradio_button_uncheckedsomewhat important	check_circle_outlineradio_button_uncheckednot important
Question 3	X	Question 3	check_circle_outlineradio_button_uncheckedVery important	check_circle_outlineradio_button_uncheckedimportant	check_circle_outlineradio_button_uncheckedsomewhat important	check_circle_outlineradio_button_uncheckednot important

⚠️ Please: between 0 and 1 selections

68 - Q353 : [Tp = Mat_CHK] Matrix Question with Checkboxes

Note: You can force question label to fill a full line (set class to fo FullLine)

Very important

important

somewhat
important

not important

Question 1

✔Very important

✔important

✔somewhat
important

✔not important

Question 2

✔Very important

✔important

✔somewhat
important

✔not important

Question 3

✔Very important

✔important

✔somewhat
important

✔not important

69 - Q354 : [Tp = Mat_OPT] Matrix Question with option Partially responsive

Fires when HTMLModalites ares empty.
Selectables inputs stays in one row in small devices,

Please Note that buttons formats 1 to 10 are defined in the CSS field of the template row. you can change colors when unselected, hovered and selected, change the corner radius and borders .....

Select 1 to 10


Question 1
	Question 1	11	22	33	44	55	66	77	88	99	1010
Question 2
	Question 2	11	22	33	44	55	66	77	88	99	1010
Question 3
	Question 3	11	22	33	44	55	66	77	88	99	1010

⚠️ Please: between 0 and 1 selections

Without Mat_Opt & Mat_Chk

You can obtain Matrix effect with WSEL questions and without using the Matrx questions.
In this case, you have to split matrix in different questions and use the panel templating.
This method is more complex but allow more CSS customizations.

70 - Q357 : Matrix Effect with WSEL_OPT and WSEL_CHK and Panels Types (see Templating Page)

Since WSEL* uses flex, you can use justify-content spacing in row template custom CSS

space between

X	11 22 33 44

⚠️ Please: between 0 and 1 selections

space- around

space-evenly

X	11 22 33 44

⚠️ Please: between 0 and 1 selections

center

X	11 22 33 44

⚠️ Please: between 0 and 1 selections

Cascading

71 - Q364 : [Tp = WSEL_OPT_CAS] Cascading with WSEL_OPT

allows more customizations than the cascasde of Selections page.

Continent:

X	check_circle_outlineradio_button_uncheckedEurope check_circle_outlineradio_button_uncheckedAsia check_circle_outlineradio_button_uncheckedAmerica check_circle_outlineradio_button_uncheckedAfrica check_circle_outlineradio_button_uncheckedOceania

Region:

country:

⚠️ Please: between 0 and 1 selections

72 - Q365 : [Tp = WSEL_CBO_CAS] Cascading with WSEL_CBO

Continent:

EuropeAsiaAmericaAfricaOceania

Region:

country:

⚠️ Please: between 0 and 1 selections

-20 Next

Validation Error. Please check your responses.

-20

😎 inputSelectionsTemplating

Templating
Advanced

UncollectedConditionsWSelectionsMatrix &
CascadingTreesTablesSummary

72.73%

Visit us Demo survey March 2021