-
webcorateAsked on May 26, 2016 at 1:12 PM
how can i make a responsive form?
There's only old answer. It's not meet now form.
-
Kevin Support Team LeadReplied on May 26, 2016 at 2:13 PM
Our forms are responsive by default, it means there should not be anything that you need to do to make it responsive.
But if you want there is a widget that can help you to display your form responsively, here is the link: https://widgets.jotform.com/widget/mobile_responsive
This guide will help you to add the widget to your form: How-to-Add-a-Widget-to-your-Form
You may also try injecting this CSS code to your form:
/*-----------RESPONSIVE LAYOUT-----------*/
.form-line.form-line-column {
width: 100% !important;
margin-left:0;
}
.form-line{
width: 100%;
}
.form-textarea,
.form-textbox,
.form-dropdown{
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-label-left, .form-label-right{
width: auto !important;
}
.form-buttons-wrapper{
margin-left:0 !important;
}
.form-input {
width: 100% !important;
}
.form-all{
width: 75% !important;
}
.form-sub-label-container {
width: 100% !important;
display: block !important;
}
But please provide us the link where you have embedded your form or the link to the form, we will be glad to further check if.
-
webcorateReplied on May 27, 2016 at 8:59 AM
I want using a LightBox form, but it has a size problem for mobile phone.
That's what I want to know.
-
Welvin Support Team LeadReplied on May 27, 2016 at 10:03 AM
Unfortunately, out lightbox embed option is not yet responsive. You may consider the other embed options instead.
-
webcorateReplied on May 27, 2016 at 10:40 AM
-
Kevin Support Team LeadReplied on May 27, 2016 at 11:21 AM
@webcorate
I moved your question to a separate thread, it can be reached here: https://www.jotform.com/answers/848609
We will assist you there as soon as possible.