- ismaeladrianAsked on May 01, 2013 at 09:52 AM
I am interested in the tiniest form possible.. something that would fit inside of a 355x68 rectangular box.. It doesn't have to be exact, but what I don't want is a big blocky contact form just to collect an email address.
Is this possible? Most of my Jotforms are large and bulky making it difficult to integrate neatly on a page without taking up most of the space. I usually have to create around the form, not the other way around.
I provided a makeshift example for you to get an idea of what I'm looking to do..
Thank you so much!
- jefreylandichoAnswered on May 01, 2013 at 10:18 AM
Yes that is likely possible, you can adjust the form width size and label size in the Form Style Menu. By adjusting the label width and field width, you will be able to display the label and field inline even when the form width gets smaller.
To adjust the field label size, select the field then click the Properties tab and Size Icon.
Then insert the embed code inside a div tag e.g.
<!-- insert embed tag here -->
When you preview the form, it will cover the entire page, that is the reason we need to add a div tag.
Below is the result I got when the form is not inside a div.
Once embedded and inside a div tag, you will see that the form will adjust on your div width. The form width and div tag value should atleast be equal or the div tag is slightly larger.
Another way to control the form width, label and field size is by injecting a Custom CSS in your Form styles. Click here to find out how to inject a custom css in your form styles.
To adjust the label positioning, you can add this code in your Form Styles.
top: -12px; /* up and down of label position */
If you need further assistance, please contact us again.
- pinoytechAnswered on May 01, 2013 at 10:27 AM
Can you please take a look at this demo form that I've created if this is what you want to achieve?
If you need further assistance, do let us know.
- ismaeladrianAnswered on May 01, 2013 at 10:32 AM
I love Jotform support.
Yes, that demo looks about right although i can't detect where the borders are since the whole page is black.
But as long as it's somewhat small and rectangular, that would be all I need.