How does the mobile responsive widget work?

how can i make a responsive form?

There's only old answer. It's not meet now form. 

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. 

 

I want using a LightBox form, but it has a size problem for mobile phone.

That's what I want to know.

 

 

Unfortunately, out lightbox embed option is not yet responsive. You may consider the other embed options instead. 

@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.