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

  • Profile Image
    wearohwhere
    Asked on March 09, 2018 at 03:14 AM

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

    1520583468text.JPG

  • Profile Image
    BJoanna
    Answered on March 09, 2018 at 03: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. 

  • Profile Image
    wearohwhere
    Answered on March 09, 2018 at 03: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!

  • Profile Image
    ashwin_d
    Answered on March 09, 2018 at 08: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.