Help with fill in the blank form alignment

  • princessandtiaras
    Asked on October 24, 2014 at 3:46 PM

    Hi, I followed the information here: http://www.jotform.com/answers/42790-How-can-I-create-fill-in-the-blank-questions

    regarding fill in the blank forms and I injected the custom CSS but it is still not showing up in alignment like the sample form featured here.

     

    This is the link to my form https://secure.jotformz.com/form/42825740285660

     

    Please help! What am I doing wrong?

    Page URL: https://secure.jotformz.com/form/42825740285660
  • Ben
    Replied on October 24, 2014 at 5:56 PM

    Hi,

    I took a look at your jotform and the reason why it is not working for you is that your html elements are much bigger than the ones in the mentioned thread.

    The only way to set it up like that would be to add all the text into one Text field and leave the space in approximate size of the fields that should appear in there. We could help you with the CSS code that would place them all in the right space, but I am not sure which section should be changed and which should be left as it is?

    I presume that you would like to do this for the fields from top to the address fields then again for the event date and time field?

    If you would like to go with this option then please combine the texts into sections with white places or capital letters text describing the position of each field for example: _DATETIME_HERE_ or something similar.

    Best Regards,
    Ben

  • princessandtiaras
    Replied on October 25, 2014 at 9:47 AM

    Thank you for your response.

    I have made the changes to my form:

    http://form.jotformz.com/form/42973852840665

    It will include the fields EFFECTIVE DATE through EVENT COST (7 fields total - labeled and in order of their use just below the html text box)

    These fields WILL NOT need a label, they are labeled now for the purpose of knowing where they fall within the text.

     

    Please let me know if I have done this correctly. I need this ASAP hopefully by today!!

    Thank you

     

     

  • Kiran Support Team Lead
    Replied on October 25, 2014 at 7:23 PM

    Since we have multiple lines in between the fields, the text is getting distorted due to some default settings for HTML text. I think you should give a try using our narrative fields widget.

    Please take a look at the demo with narrative fields widget and let us know if it works for you.

    http://www.jotformpro.com/form/42976800372964 

    Please get back to us if you need further assistance. We will be happy to help.

    Thank you.