Adding a block box for collecting Survey Introduction's Information and some more | XM Community
Skip to main content
Hello,

I need to add an information collection box of the person taking the survey like below:
!

Any suggestion on how I can go about it? Below is what I made but it doesn't feel right.
!
Is there a right way to do this? Because I was thinking about how a report would run for this and this would only show up as a respond data and not a driving group.

Also, how do I restrict demographics from multiple responses from one institution?

Thanks,

Frank La
@FLA You can do this with a text type question, but use the form type.

!
@jpardicusick Oh! That looks great! Thank you so much!

Is there a way where I can add a drop down option for the Institution Type instead of it having a text entry field?
@FLA,

Do you know JavaScript? You can write JavaScript to hide the text input and put a select (i.e., dropdown) in its place. Include an event handler to update the hidden text input with the selected value each time something is selected.
@TomG Thank you for the help!

My JS is pretty bad but I was able to make it work after some research. However, now I run into the below problem:
!

Some of my institution types are pretty long name and it stretched the bar such that it looks uneven on phone and web page. Any suggestion on what I can do to make it better?

Many Thanks,
FLA
> @FLA said:
> Some of my institution types are pretty long name and it stretched the bar such that it looks uneven on phone and web page. Any suggestion on what I can do to make it better?
Set the width on your select:
```
<select style="width:100%;max-width:100%">
```
Set the width of your text inputs to match:
```
jQuery("#"+this.questionId+" .InputText").css("width","100%");
```
It really isn't going to matter much on an actual phone because it will use it's native select (use preview QR code to preview on your phone).
Terms & Conditions