Jot form formulier invoegen op desktop website en mobiele website lukt niet

  • ShanaRondelez
    Asked 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 Developer
    Replied 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.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 1 Screenshot 110

     

    2) Click on the Designer button, at the toolbar. 

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 2 Screenshot 121

     

     

    3) Click on Form Layout section.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 3 Screenshot 132

     

     

    4) Click on Make This Form Responsive.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 4 Screenshot 143

     

    Otherwise, by setting the Responsive option to "yes" on Preferences will be enough.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 5 Screenshot 154

     

     

     

    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.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 6 Screenshot 165

     

    2) Click on Designer.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 7 Screenshot 176

     

    3) Click on CSS.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 8 Screenshot 187

    4) Copy & paste the code above to CSS.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 9 Screenshot 198

    5) Click on save button.

    Jot form formulier invoegen op desktop website en mobiele website lukt niet  Image 10 Screenshot 209

     

     

    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.