How can I get these fields to one line?

  • Profile Image
    s0rtega2
    Asked on November 09, 2017 at 10:57 AM

    I need to get the fields labeled “E”, “F”, and “G” moved to the same line (above) as A, B, C, and D. How can this be done?

  • Profile Image
    Sabbir
    Answered on November 09, 2017 at 11:28 AM

    Please copy and paste the following CSS code in your CSS tab under the Form Designer:

    #id_32
    {
      margin-left: 60px;
    }

    #id_20
    {
      margin-left: -90px;
    }

    1510244841clientcss.jpg

    Hope this will work.

    You can also follow this link to know how to inject css in your code:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you have any further query, please let us know.


  • Profile Image
    s0rtega2
    Answered on November 09, 2017 at 11:32 AM

    Thank you! 


    This image shows my end goal (the “list of comics” area with the comic title, issue, year, etc fields) listed on one line. Will ccs coding allow for this to happen?


    15102451534AFC74EB-AFF3-4B59-B427-BE3298

  • Profile Image
    Kiran
    Answered on November 09, 2017 at 12:37 PM

    The list of submission field from the screenshot is a configurable list widget. Please refer to the guide below that can help you with setting up a configurable list widget on your form.

    https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

    If you want to receive only one entry, you may limit the configurable list entries from the widget settings. Please let us know if that works for you.