JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
CSS code - Fix Blank Spaces between condition answersAsked by brianchoong91 on October 09, 2016 at 09:25 PM
Hi Jotform Experts,
Could someone please help with my lack of CSS code skill. I'm trying to make sure that when my conditions bring up a checkbox for a particular answer, it will also be able to reduce the blank spaces in between.
1. In my form, I've used this code which should work but when I select Business Entity = Sabah / Sarawak, It will leave blank spaces.
margin-top : 10px;
padding-top : 0;
padding-bottom : 1px;
2. Also my form takes a long time to load, I have no idea why? Please help
I don't think there's any problems with my conditions/logic but it is quite long winded, is that why? Please advise.
I did not find any problem in your form when selecting "Sabah", however, when selecting "Sarawak" the corresponding field(Checklist widget) that shows has too much height:
Please inject the following code to reduce the height for that field: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
height: 450px !important;
Let us know if you need more help.
Yes BDAVID! Worked like a charm!! Thank you so much.
I believe this is an issue with conditions to widgets than basic fields. But this is a great FIX! can't thank you enough for looking into it.
I still have a second question, did you know why my form took a while to load, feels laggy or buggy.
Thanks for your update. We're glad that BDAVID's solution worked for you.
Regarding your 2nd question. I tried loading your form but the delay that I see happens because of the loading of images. The scripts loaded fine. In any case, you can check your console and see if you see errors happening on your browser's view. On browsers such as Chrome, Firefox, and IE, this can be accessed by pressing F12 on your keyboard. A window will appear similar to the screenshot that BDAVID has shared. From there, you will notice what may be a cause from the slow-down of your form from loading it.
Feel free to let us know if you have further questions.