In a radio field, can I add a text box after each radio to collect more information?

  • Profile Image
    fabian2015
    Asked on January 26, 2015 at 06:34 PM
  • Profile Image
    BDAVID
    Answered on January 26, 2015 at 11:01 PM

    As far as I know, we do no have a feature like that, but you could somehow accomplish this by injecting custom CSS code:

    #input_17 {

    position:absolute;

    margin-top: -118px;

    margin-left: 240px;

    }

    #input_18 {

    position:absolute;

    margin-top: -105px;

    margin-left: 300px;

    }

    #input_19 {

    position:absolute;

    margin-top: -95px;

    margin-left: 220px;

    }

    #input_16 {

    position:absolute;

    margin-top: -83px;

    margin-left: 170px;

    }

    .form-label-top{

    display: none;

    }

    See how my forms looks  here: http://form.jotform.co/form/43107308046851

  • Profile Image
    abajan
    Answered on January 27, 2015 at 04:51 AM

    @fabian2015

    In addition to what my colleague has stated, you can shrink the text box fields and create conditions to show each of them only when the relevant radio button is selected, as in this demo. Feel free to clone it and examine its conditions.

    Also see the following guides:

    Form Field Positioning

    Smart Forms Using Conditional Logic

    How to Clone a Form


    Thanks

  • Profile Image
    fabian2015
    Answered on January 27, 2015 at 02:30 PM

    Thanks, this is very helpful. Is there a source code editor in my account that I can add additional code to the existing form?

     

  • Profile Image
    BDAVID
    Answered on January 27, 2015 at 03:49 PM

    You can inject custom CSS code to your form as shown int this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you would like to edit the full source code of your form, you will need to download it: