HTML tags in matrix headers

  • Jw_Law
    Asked on April 24, 2014 at 9: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.

  • NeilVicente
    Replied on April 24, 2014 at 9:15 AM

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

    https://shots Screenshot 10

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

  • Jw_Law
    Replied 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.HTML tags in matrix headers Image 1 Screenshot 20

  • Jw_Law
    Replied 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!HTML tags in matrix headers Image 1 Screenshot 20

  • liyam
    Replied on April 25, 2014 at 6: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:

    HTML tags in matrix headers Image 1 Screenshot 20

    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.

     

  • Jw_Law
    Replied 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.HTML tags in matrix headers Image 1 Screenshot 30HTML tags in matrix headers Image 2 Screenshot 41

  • jonathan
    Replied 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

    HTML tags in matrix headers Image 1 Screenshot 40

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

    HTML tags in matrix headers Image 2 Screenshot 51

     

    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.
    HTML tags in matrix headers Image 3 Screenshot 62
    Please let us know of the result on your end.
    Thanks!

     

     

  • jonathan
    Replied 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.

  • Jw_Law
    Replied 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

  • TitusN
    Replied on April 25, 2014 at 1: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>

    HTML tags in matrix headers Image 1 Screenshot 20

    Close enough?