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

  • Profile Image
    beyondthebasics
    Asked on February 09, 2016 at 05:10 PM
  • Profile Image
    Nik_C
    Answered on February 09, 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:

    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,

  • Profile Image
    beyondthebasics
    Answered on February 10, 2016 at 10:46 AM
    got it. Thanks!
    ...
  • Profile Image
    Nik_C
    Answered 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,