I am trying to make the two "list boxes" closer together. Right now they are pretty far apart. Is there a way to do this? And also, why is the arrow o

  • beyondthebasics
    Asked on February 9, 2016 at 5:10 PM
  • Nik_C
    Replied on February 9, 2016 at 10:47 PM

    Hello there,

    I'm not sure for which list boxes you are referring to(I'm guessing two drop down boxes), but what you could do is use our Designer, which you can access from your JotForm builder.

    While in designer you can input custom css code, to apply custom css to a specific field, for example drop-down menu, you double click on that field and in css section it will appear with ID of that field

    For example, it will appear like this:

    #id_11 {

    }

    So for those two drop down menus to get closer, you will put like this:

    #id_11 {

        width:25%;

    }

    and you can change that percentage if you want them to be closer. What that does actually, is that it is dividing the width to 4 columns (since 100%/4 is 25%) and making them closer. You can apply this to any field on your form. Or to a whole class of field if you single click to that class that you want to change.

    Here is the screenshot that should explain better:

    I am trying to make the two list boxes closer together Screenshot 20

    Hope it answers your question, if you have any additional question regarding this problem please let me know.

    Regarding the second part of your question, please open a new thread.

     

    Thank you,

  • beyondthebasics
    Replied on February 10, 2016 at 10:46 AM
    got it. Thanks!
    ...
  • Nik_C
    Replied on February 10, 2016 at 11:45 AM

    You welcome,

    I'm glad that we helped, please let us know if you have any more questions.

     

    Kind regards,