Layout and design matrix tables / item boxes | XM Community
Solved

Layout and design matrix tables / item boxes

P
Dear community,

I have two questions regarding the matrix table in the attached screenshot.

1. The distance between (1) and (2) and (6) and (7) is different than the distance between the other scales. I guess this could be due to the text above (1) and (7). Does anyone know how to make the distance equal between all scales from (1) to (7)?

2. Is there a chance to decrease the distance between the "continue"-button / "back"-button and the last item/row in the matrix table?

Highly appreciate any feedback!

Best
Philipp
icon

Best answer by Anonymous 21 May 2019, 17:17

View original

2 replies

A
Hello @Philipp ,

If you want to reduce the gap only at the matrix question page the paste the below code in the js(OnReady) of the question:

`jQuery(".Skin #Buttons").css({"margin-top":"0px","padding-top":"0px"});`

If you want at the overall survey level then paste the below CSS at the look and feel style tab - custom css

.Skin #Buttons {
margin-top:0px;
padding-top:0px
}

You can change the 0px to some other px value as per your look and feel requirement.
P
Hello,

thank you so much. That worked.

Do you also know an answer to the first question, so how to make the distance between the radio buttons / columns in the matrix table equal between (1) and (2), (2) to (3) and so forth till (6) to (7) (see screenshot attached)?

Philipp

Leave a Reply


Terms & Conditions