What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    HTML tags in matrix headers

    Asked by Jw_Law on April 24, 2014 at 09:11 AM

    Hi i would like to know why isn't the "
    " tag working when i tried to type it directly into either the questions and the options? I have translated my option answer to 3 language therefore i will have to separate each question into a new line but unfortunately i have only been met with failure to do so.  It shows in the form builder but not in the actual form.

    I hope there will be other alternatives as it is pretty important for me to be able to separate them into a new lines.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 24, 2014 at 09:15 AM

    If it's the matrix labels that you are referring to, it is working well here on my end.

    https://shots.jotform.com/neil/Entrepreneur_Behaviors_Survey_%3f%3f%3f%3f%3f%3f%3f_Soal_selidik_Tingkah-Laku_Usahawan_-_Google_Chrome_2014-04-24_20.14.09.png

    If this is not what you're having problems with, please provide us more details so we can further assist you.

  • Profile Image

    Answered by Jw_Law on April 24, 2014 at 10:33 AM

    Hi yes, that was done by adding the paragraph tag before the sentence, the <\br> tag will work that way. But I am not able to do it without adding the "<\p> tag, however the paragraph tag would make the whole box look thick.

    Besides, the Br tag also doesn't work in this (screenshot) part, it shows on the form builder but not on the actual form. Each line break is currently done by manually adding the &nsbp tag and space until it would go to down to the next line. The br tag apprently only works when i wrap my text with the paragraph tag but in this case, it would mess up all my options alignment.

    I hope that you would be able to assist me in this problem, thanks.

  • Profile Image

    Answered by EliezerN on April 24, 2014 at 12:16 PM

    Thanks for the explanation.

    I understand what you mean. I found that it is possible to use the break tags <br> for the labels of the matrix table. However, since it will create separated lines wich will be recognized as different row of options:

    Result: 

    So, I think the best solution is to use the break tags along with the <p> tags as you already did some of your matrixes. 

    So, if you are using this method to make a difference between three languages, I think that you could save all this work by using our Multi Language Form feature.

    If you have not tried it yet, please do it, that may help a lot. That way your form users would have the capability to choose with of the three languages they wish to read/complete the form in.

    Please inform us if thishelps or if you need further assistance with this query.

    Thanks

  • Profile Image

    Answered by Jw_Law on April 25, 2014 at 12:32 AM

    Hi EliezerN, 

    I was informed about the Multi Language Form feature, but since I would want the respondents to also be able to look at the original English language, i figure the best way to do it is by having all 3 languages in the same form.

    I figure i should just proceed with using the < p> tag for the matrix. 

    But the < p> tag would not work with the radio button as it would mess up the the whole thing. Something that looks like this. I hope there's a way to solve this problem, come to worst case, I'll just manually adjust it LOL.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by liyam on April 25, 2014 at 06:02 AM

    You should not move to new lines the tags in your radio button options, Jw_Law. Moving paragraphs to new lines on Radio button options make it appear to look like that on your screenshot.  

    Here is a sample screenshot on what should you do on your options when adding tags in it:

    If the problem persists on your end, please do provide us a link to the form in issue so we can have a look.

    Thanks.

     

  • Profile Image

    Answered by Jw_Law on April 25, 2014 at 10:22 AM

    Dear Liyam, following your suggestion. it now looks like something like this (image1). Is there a way to make the first line be right beside the radio button? I would like it to look something like this (image 2)

    Form Link: http://form.jotform.co/form/40991635822864

    Thank you.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 25, 2014 at 11:22 AM

    Hi,

    I checked the form http://form.jotform.co/form/40991635822864 

    I noticed that the reason it was as you showed on the image

    was because there was a <p> tag preceeding the radio option selection

     

    Try removing the <p> tags and also inject this CSS code 

    .form-radio-item br{display: none;}

    I tested this on quick draft of your clone and it works.
    Please let us know of the result on your end.
    Thanks!

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 25, 2014 at 11:55 AM

    Correction:

    Please do NOT inject the CSS code I mentioned on your form.

    .form-radio-item br{display: none;}

    I just realised that it will removed the break tags you have added on the radio option items. It only help on the 1st item of each option.

    We will look for a better workaround.

    Thanks.

  • Profile Image

    Answered by Jw_Law on April 25, 2014 at 12:01 PM

    Hello Jonathan, thank you for your reply. I realised that the CSS code that you suggested would completely disable the br function in my form, (for radio button)

    As in my case, i would want to use the br tag to separate each language of my statement to a new line so the code probably wouldn't work for me. I had also realise that the br tag doesn't work without the < p> tag. But by adding the < p> tag, it would have created a problem like what was shown in my image above.

    I still couldn't seem to find a way to do it other than doing it manually which would be a very time consuming work lol.

    Thank you

  • Profile Image
    JotForm Support

    Answered by TitusN on April 25, 2014 at 01:37 PM

    Hello,

    Try span tags with line breaks in them  -Here's a sample for Section C, Question #4

    <span>I started with my spouse <br>我与我的配偶合创这项企业 <br>Saya bermula bersama suami atau isteri saya.</span>

    Close enough?