Form - Create 2 Columns

Question

Hi,I have a form question and there are 4 question in the form, i would like to create 2 columns and show them side by sideFirst Name                        Last NameEmail Address                  Company NameCan someone please help on how i can make this possible using Javascript or css ?

Tom_1842 · Answer

Hi there, if you still need, I was able to put something like that in place by using a Matrix question that is a Text Entry type. First, create a Matrix question and set its type to Text Entry. Make its number of statements and scale points equal to 2. Also, enable "Repeat Headers". Then, add the below to the question's JavaScript in the OnReady section:jQuery("#"+this.questionId+" .c1").hide();var mte_1 = document.getElementById("header~"+this.questionId+"~1~4");var mte_2 = document.getElementById("header~"+this.questionId+"~2~5");var mte_3 = document.getElementById("header~"+this.questionId+"~1~1");var mte_4 = document.getElementById("header~"+this.questionId+"~1~2");jQuery(mte_1).html("First Name");jQuery(mte_2).html("Last Name");jQuery(mte_3).html("Email Address");jQuery(mte_4).html("Company Name");Finally, add the below CSS in the Style section of the survey's Look & Feel:.Skin .Matrix .TE td input {  width: 90% !important;  min-height: 50px !important;}

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded