What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by ShanaRondelez on September 30, 2015 at 08: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

    Page URL:
    www.dakwerkenvcm-projects.be

    JotForm in
  • Profile Image
    JotForm Support

    Answered by beril on September 30, 2015 at 01: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.