-
ShanaRondelezAsked on September 30, 2015 at 8:06 AM
Hallo,
Wanneer ik het identieke formulier van de desktop versie wil plaatsen op de mobiele website, lukt dit niet...
Wat moet ik hiervoor doen? Kan ik eventueel een andere gebruiker in jotform aanmaken om dit toch te doen werken.
Iets veranderen aan de html opties is geen optie, want ik begrijp er helemaal niets van :-)
Groetjes,
Shana Rondelez
-
beril JotForm UI DeveloperReplied on September 30, 2015 at 1:10 PM
Hi,
English:
it is possible to make your for Mobile Responsive with JotForm.
1) Click on Setup & Embed.
2) Click on the Designer button, at the toolbar.
3) Click on Form Layout section.
4) Click on Make This Form Responsive.
Otherwise, by setting the Responsive option to "yes" on Preferences will be enough.
The form will be viewable on mobile phones, pads and computers.
I suggest you, adding the code below to your CSS. It is very simple. I will tell you step by step: You will just paste it to your CSS.
Please, copy and paste the code below to your CSS from Designer
/*-----------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;
}
Here is how to do this:
1) Click on Setup & Embed.
2) Click on Designer.
3) Click on CSS.
4) Copy & paste the code above to CSS.
5) Click on save button.
Hope it works!
Let us know, If it works properly or not. We will be glad to assist you. I am waiting your response.
Dutch:
Is het mogelijk om je voor mobiel Responsive met JotForm maken.
1) Klik op Setup en insluiten.
2) Klik op de Designer knop op de werkbalk.
3) Klik op de sectie Vorm Layout.
4) Klik op ' Dit formulier Responsive.
Anders, door het instellen van de Responsive optie " ja " op Preferences genoeg zal zijn.
Ik stel voor dat je , het toevoegen van de code hieronder om uw CSS. Het is heel eenvoudig . Ik zal u vertellen stap voor stap : U hoeft alleen plakken aan uw CSS.
Gelieve, kopieer en plak de code hierboven om uw CSS van Designer.
Hier is hoe dit te doen :
1) Klik op Setup en insluiten.
2) Klik op Designer.
3) Klik op CSS.
4) Kopieer en plak de code hierboven om CSS.
5) Klik op de knop Opslaan.
Hoop dat het werkt!
Laat het ons weten, als het goed werkt of niet. We zullen blij zijn om u te helpen. Ik wacht uw antwoord.