-
BezoAsked on October 20, 2016 at 11:14 AM
Vertical I have lot of space . between the red and blue line. how can minimize it . can you show me which tools I have to use it
bezoedgar@yahoo.com
-
IrshadReplied on October 20, 2016 at 1:41 PM
I have checked your recent form: https://www.jotform.com/answers/966425 But I am not able to see any field in your form. Once you will create required fields on your form, the vertical space will automatically utilize.
If you want to reduce the space, from the webpage, where you have embedded jotform, you can reduce the height of Iframe. Currently you have set the height of iframe as 514px. So you can reduce it to 236px.
If you want something else, or need further assistance, feel free to revert back.
Thank you!
-
BezoReplied on October 21, 2016 at 9:45 AM
Hi. I want to maximize green and blue color. can you show me which tools I have yo use it.514px to 236px
-
Nik_CReplied on October 21, 2016 at 10:18 AM
I understood you would like to match green and blue to fill the space, right? You could change their height in iFrame code and embed them again:
Try to put the height to be, for example: 500px, it should look something like this:
Please let us know if you have additional questions.
Thank you!
-
BezoReplied on November 5, 2016 at 8:56 PM
Vertical I have lot of space . between the red and blue line. how can minimize it . can you show me which tools I have to use it
http://aritun.weebly.com/sanatorium-medical-treatment.html
-
Mike_G JotForm SupportReplied on November 6, 2016 at 9:33 AM
To my understanding, you would like to reduce the space as shown in the image below, is that correct?
To do that, you can add the following codes below to your website's codes.
<style>
.wsite-multicol {
height: 250px !important;
}
</style>
I hope this helps. If you need any further assistance, please feel free to contact us again anytime.
Thank you.
-
BezoReplied on November 7, 2016 at 3:45 AM
thank you i did , it is work , no other easiest way ? when i'm Publishing , space not reducet , what i"m doing wrong
-
candyReplied on November 7, 2016 at 6:48 AM
Hello Bezo,
As we have checked your web page, we have seen that you had made a too complicated process to add just 4 combo box to your page. Also, we have seen that you use unnecessary dropdown widgets that you left them empty affects your web page performance in a bad way.
We recommend you to use one form and add 4 combo boxes to it as you can see the example below:
After you can inject custom CSS codes to make them order left to right or you can set different appearance to the combo boxes.
This way is an easier way than you did. After you can embed iFrame to your form.
Please try and if you need further assistance, do not hesitate to contact us.
Thanks.
-
BezoReplied on November 8, 2016 at 1:15 AM
thank you , I would like to reduce the space as shown in the image, by CSS codes .. how can reduce it, . can you show me, how i can right codes height: 250px, or which tools I have to use it ,
-
candyReplied on November 8, 2016 at 2:38 AM
Hello,
As my colleague Mike_G has already explained above, I have fixed the issue as you can see the screenshot below:
Please find the CSS codes below that I have used:
.wsite-multicol{
height:250px !important;
}
I would like to find another way as you wanted but I think this is the only way with CSS codes.
Please try this.
Thanks in advance.