Changing to a responsive site design

  • Profile Image
    secretarykbc
    Asked on April 13, 2016 at 07: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?

  • Profile Image
    BDAVID
    Answered 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:

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

  • Profile Image
    secretarykbc
    Answered 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?

  • Profile Image
    BDAVID
    Answered on April 13, 2016 at 02: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.

     

  • Profile Image
    secretarykbc
    Answered on April 18, 2016 at 06: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

  • Profile Image
    liyam
    Answered on April 18, 2016 at 08: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.