How to create text boxes in 3 columns in a form?

  • Profile Image
    otidata
    Asked on July 27, 2011 at 09:46 AM
  • Profile Image
    allanftd
    Answered on July 27, 2011 at 11:11 AM

    Hi otidata,

    You can use the Shrink function in order to fit in 3 text boxes in a single row. Just click the gear icon and select Shrink. Repeat this process to your other text boxes.

    Please let us know if you need further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    otidata
    Answered on July 27, 2011 at 01:14 PM
    I did that but columns do not show in Front Page

    Thanks



  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 02:37 PM

    Hi,

    I think this form is what you are working on displaying columns - https://www.jotform.com/form/12072019733

    Is your problem related to how the text boxes place themselves in a single line? If it is, just right click on every 4th text box, then choose "Move to a new line"

    This will place the remaining fields on the next line of your form.

    Hope this helps. Let us know if there's anything else.

    Thanks!


    Neil

  • Profile Image
    otidata
    Answered on July 27, 2011 at 03:08 PM

    Thanks and tried that, looks OK but when I view on Preview everything is still one column.

    Any ideas?

    Thank You

  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 03:12 PM

    Hi,

    I don't quite understand what you mean by one column. Can you please send us a screenshot of what you're seeing in the preview? Also, would you mind telling us what exactly it is that you want to achieve?

    Will be looking forward to your response.

    Neil

  • Profile Image
    Rich G
    Answered on July 27, 2011 at 04:26 PM

    See example above, 3 Columns of text boxes to be filled in but in Preview and Front Page, all text boxes show in one long column

  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 04:37 PM

    Hi,

    Do you have the form embedded somewhere? If yes, please change the url in your form's embed code from form.jotform.com to www.jotform.com

    For example, if your embed code is:

    <script src="//form.jotform.com/jsform/12072019733"></script>


    Use this instead:

    <script src="//www.jotform.com/jsform/12072019733"></script>

     

    Let us know how it works for you. Thanks!


    Neil

  • Profile Image
    otidata
    Answered on July 27, 2011 at 05:49 PM

    Unless I am reading wrong, your comment contridicts your suggesion re using form.jotform to form.jotform,

    maybe I am confused, but I did change and even deleted from website and still having problem and can not even get it to show correctly in jotform preview

    Thanks,

  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 05:55 PM

    Oops. Sorry about that. Change form to www in the embed codes.

    Also, please try using another browser such as Firefox or Chrome so we can find out if this is a browser issue or what. Thanks!


    Neil

  • Profile Image
    otidata
    Answered on July 28, 2011 at 09:38 AM

    If the browser is the problem, why is it wrong in Jot Forms preview?

    On my screen it shows 3 columns but only 1 column in Preview

  • Profile Image
    mliz
    Answered on July 28, 2011 at 11:53 AM

    Hi there,

    To answer in behalf of Neil I checked the preview
    of said form and it showed 3 columns and 5 rows of the fields.

    It seems odd that you are getting a different preview from that of the
    online form. In order to find out the cause of this behaviour we
    would need details such as the browser version you are using since
    we are unable to replicate the issue.

    Thanks!

    Regards,
    Mliz

  • Profile Image
    otidata
    Answered on July 28, 2011 at 11:59 AM
    I am using Windows Explorer 9
    That is odd that you can see and I can not but inserted into Front Page and it did not help but that was before I got last message.

    I deleted from Front Page thinking that was causing problem.

    Thanks for your help



  • Profile Image
    liyam
    Answered on July 28, 2011 at 12:12 PM

    Hello otidata,

    Based on my experience, IE has the most prominent issue in regarding to browser cache that sometimes you have deleted them but it still shows up the old one, have you tried deleting all your temporary internet files?

    Here's an actual screenshot of the page when I visited it just now:

     

    Warm regards,

    Liyam

  • Profile Image
    otidata
    Answered on July 28, 2011 at 02:25 PM

    That was the problem, OK now

    Thanks

  • Profile Image
    otidata
    Answered on July 28, 2011 at 04:00 PM

    Previous corrected problem in jot form preview but getting same problem in Front Page,

    All fields in one coumn vs. 3 columns,

    Deleted started over in Front Page, nothing helps

    Any ideas?

  • Profile Image
    NeilVicente
    Answered on July 28, 2011 at 04:35 PM

    Hi,

    Did you change the url in your embed codes from form.jotform.com to www.jotform.com? If not, please do then let us know if it helps.


    Neil

  • Profile Image
    otidata
    Answered on August 03, 2011 at 02:06 PM

    changed from form to www in Front Page still shows one column vs three in Preview and this is on new site vs previous site tested

  • Profile Image
    otidata
    Answered on August 04, 2011 at 08:14 AM

    no luck in Front Page so tested Email, form name show www.jotform.com, but still shows 3 columns in one column in email. Please advise on how to fix, otherwise cannot use,

    Thanks

  • Profile Image
    NeilVicente
    Answered on August 05, 2011 at 03:06 PM

    Hi,

    When you say Front Page, do you mean Microsoft FrontPage - an old html editor? If the answer is yes, then you're probably using the form's Source embed codes. Using this embed method will not automatically reflect the changes you made to the form using the Form Builder. You must always get the updated codes whenever you make any changes.

    If you don't like manual updating, you may just opt to use iFrame or Embed <> codes. Using these methods will ensure that the form that you see in your Front Page project is always updated. The downside to this is that you cannot modify the form in any way inside Front Page, but you can always apply changes inside Jotform's Form Builder.

    As for the columns in your form's notification email, please watch this short video on how to re-structure it so that the field values are displayed in 3 columns. Note that {column1} {column2} etc. are identifiers for your field values.


    Neil