Hello,
I have the following code to help me increase the matrix table text box height and width. I am looking for a way to text wrap. Can anyone help me with the code to help it wrap. I have tried various forms of break-word, overflow-wrap, wrap-word. I have not coding knowledge, I just use forums like this to find the code that I want.
Thank you,
Lori
Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+" input[type='text']").css("width","12em")
jQuery("#"+this.questionId+" input[type='text']").css("height","5em")
Question
Matrix table text entry wrapping text
+27Input elements don't wrap. You need a textarea element instead of input type=text. You could add textareas and hide inputs with JS. Then have the JS copy/convert the textareas to the corresponding input elements.
https://www.qualtrics.com/community/discussion/comment/26938#Comment_26938I am not sure how to do that. Can you explain a bit more?
+27https://www.qualtrics.com/community/discussion/comment/26939#Comment_26939Everywhere there is an input, JS would add a textarea and hide the original input. Then when the page is submitted you would copy the contents of all the textareas into the inputs so they get recorded as responses.
+28Hi there, if anyone still needs, I was able to follow TomG's recommendation and have put the below code together:
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
});
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery("#"+this.questionId+" td input").each(function () {
jQuery(this).hide();
var txtarea = jQuery("");
txtarea.attr("id", this.id+"txtarea");
jQuery(this).before(txtarea);
});
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/
});
Qualtrics.SurveyEngine.addOnPageSubmit(function(type)
{
/*Place your JavaScript here to run when the page is unloaded*/
jQuery("#"+this.questionId+" td input").each(function () {
let text;
let textarea = document.getElementById(this.id+"txtarea");
text = textarea.value;
jQuery(this).val(text);
});
});
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.