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

    Can i make form view on desktop the same as .css for mobile

    Asked by kozijnstijl on May 22, 2014 at 06:48 AM

    I have the following code extracted from another question of the forum, for viewing the form on a mobile. This view is only different and also more beautiful as for desktop. can it be adjusted to the same in the css?

     

    /*-----------RESPONSIVE-----------*/@media (max-width: 480px) {.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;}.form-buttons-wrapper{margin-left:0 !important;}.form-input {width: 100%;}.form-all{width: 80%;}.form-sub-label-container {width: 100%;display:block;}/*--for the address table--*/span.form-sub-label-container + span.form-sub-label-container {margin-right: 0;}.form-address-table select,.form-address-postal,.form-address-city,.form-address-state,.form-address-table,.form-address-line,.form-address-table .form-sub-label-container {width: 100%;}.form-address-table td, .form-address-table th {padding-bottom: 10px;padding: 0 1px 10px 1px;}}

     

    make form Mobile same textarea label textbox
  • Profile Image
    JotForm Support

    Answered by ashwin_d on May 22, 2014 at 11:12 AM

    Hello kozijnstijl,

    Please be noted that custom css code for one form will not necessarily work with another form. Custom css code is generally customized for one particular form.

    Our forms are mobile friendly but there are other factors as well when you want to make your form responsive. Example your website layout, the form width and if there are widgets in your form. 

    Have you embedded your form in any web page? Please share the web page URL and we will take a look.

    Thank you!