Changing to a responsive site design

  • secretarykbc
    Asked on April 13, 2016 at 7:57 AM

    We will shorty be changing to an html5/CSS responsive design for our website, how can the forms change as the new forms use placeholders instead of labels?

  • David JotForm Support Manager
    Replied on April 13, 2016 at 10:51 AM

    Simply go to the edit mode of your form, select your field, delete the label, then enter the text in the Hint Example button:

    Changing to a responsive site design Image 1 Screenshot 20

    Let us know if you need more help, we will be glad to assist you.

  • secretarykbc
    Replied on April 13, 2016 at 12:18 PM

    Hi BDavid

     

    The template that has been built includes the forms already design, can we use our own design with your processing?

  • David JotForm Support Manager
    Replied on April 13, 2016 at 2:03 PM

    You can edit the design using the Form Designer tool: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-

    Also, by injecting custom CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know if you need more help.

     

  • secretarykbc
    Replied on April 18, 2016 at 6:57 AM

    Hi

    Designed new form using the designer, but our css uses em instead of px for font size, normal text is 0.9em

    Plus when the form is copied over to our page, its centered, I need it on the left of the page. Where do I change the CSS or can I use the sites CSS instead of yours

  • liyam
    Replied on April 18, 2016 at 8:18 AM

    Hello,

    You can override the CSS of your form by simply inserting this code via CSS injection:

    .form-all {
         margin-left: 0px;
         font-size:
    0.9em;
    }

    If you have questions, clarifications or in need of assistance, please do let us know.

    Thanks.