Is it possible to include text on the left side of the form?

  • wearohwhere
    Asked on March 9, 2018 at 3:14 AM

    Also, is it possible to include text on the left side of the form as seen in the screen shot?

    1520583468text Screenshot 10

  • BJoanna
    Replied on March 9, 2018 at 3:35 AM

    Yes, it is possible. You can add the Text to your form using a Text field and to position the form fields. 

    How to Position Fields in JotForm

    You will also have to use Test field instead of the Header field and the size of the Text fields will have to be adjusted with CSS. 

    Here is a demo form: https://form.jotform.com/80671686917975 

    Feel free to clone it and change the text. You can also add the text to your form and then we can help you to potion the text on the left side. 

  • wearohwhere
    Replied on March 9, 2018 at 3:55 AM

    Hi BJoanna,

    Wow that is amazing. Thank you so much! 

    How do I adjust the size of the text fields with CSS? Is there a particular code to use?

    Or do I just switch up the numbers as seen below:

    /* spread the shrunk fields into 4 equal sizes in one row */

    .form-line.form-line-column {

        width: 25%;

    }

     

    Thank you!

  • Ashwin JotForm Support
    Replied on March 9, 2018 at 8:14 AM

    Do you want to increase the width of the text field which my colleague have shared?

    Please inject the following custom css code in form to change the width of text field:

    #id_6 {

        width: 30% !important;

    }

    The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.