How can we size the element

Can we also set the width for matrixdropdown columns.

There is "columnMinWidth" property in the column, but we do not have width property. We rely on browser that tries to render the table, including column width in the best way.

Thank you,
Andrew
SurveyJS Team

Thanks for the quick reply. Will test both property and let u know in case of any issue. Thanks again.

ColumnMinWidth does not work for Matrix, is there any other property with which we can set the size of a column for matrix.

Hello,
Could you please create a plunker example, so we can see the issue? matrix.columnMinWidth and column.minWidth are the right properties that you can use.

Thank you,
Andrew
SurveyJS Team

Hi,
Here you can see i have used ColumnMinWidth for Matrix but still it does not effect the size of the column.

var json = {
questions: [
{
"type": "matrix",
"name": "Q17_Patient",
"columnMinWidth" : "50px",
"title": "Q17. How would you rate your level of agreement/ disagreement",
"columns": [
{
"value": "1",
"text": "1-Strongly Disagree"
},
{
"value": "2",
"text": "2"
},
{
"value": "3",
"text": "3"
},
{
"value": "4",
"text": "4"
},
{
"value": "5",
"text": "5"
},
{
"value": "6",
"text": "6"
},
{
"value": "7",
"text": "7"
},
{
"value": "8",
"text": "8"
},
{
"value": "9",
"text": "9"
},
{
"value": "10",
"text": "10-Strongly Agree"
}
],
"rows": [
{
"value": "1",
"text": "Can breathe more easily"
},
{
"value": "2",
"text": "Can walk further & for longer after its use"
},
{
"value": "3",
"text": "Chest feels more comfortable"
},
{
"value": "4",
"text": "Feeling of personal well being"
},
{
"value": "5",
"text": "Fewer doctor visits are needed since its use"
},
{
"value": "6",
"text": "It required less training to initiate its use"
},
{
"value": "7",
"text": "Minimum co-ordination and effort needed for use"
},
{
"value": "98",
"text": "Others-2"
}
]
}
]
};

Arh, You are talking about single choice matrix.
We do not have any options for controlling the column width. We are fully rely on how browser renders it, in most cases it decides the best solution. What issues do you have with it? Here is the plunker of the plunker.

Thank you,
Andrew
SurveyJS Team

Hi
The 10 Pointer Scale does not fit in a single screen for the above json that is the reason i want to adjust the column width to fit the same. Is there any option to achieve the same.

Hello,
You can use survey.onAfterRenderQuestion event to change the DOM elements. Here is the example.

Thank you,
Andrew
SurveyJS Team

The example given is very difficult to understand or connect to set the column width for Matrix type. Is there any other simple example which can direct connect to the matrix to do the needful. Thanks in advance

Hello,

Another possible approach - to re-style your matrix via CSS. Is it suitable for you?

Thanks, Serge
SurveyJS Team

Not an issue but is there any example of it. Hope it is easy and related with the column width of matrix

Not an issue but is there any example of it. Hope it is easy and related with the column width of matrix

Hello,

You can change matrix table layout via the following CSS rule:

JavaScript
.sv-matrix table {
    table-layout: fixed;
}

And it will fit the given width. Here is the live sample - https://plnkr.co/edit/HBSSITr71k2dWnI7

Thanks, Serge
SurveyJS Team

Thanks it worked for me to some extent

The example below you gave here worked only for modern theme not for bootstrap theme. So, what can be done to achieve this for bootstrap theme.

.sv-matrix table {
table-layout: fixed;
}

Code
And it will fit the given width. Here is the live sample - [https://plnkr.co/edit/HBSSITr71k2dWnI7](https://plnkr.co/edit/HBSSITr71k2dWnI7)