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

    Jotform Template

    Asked by RogerYelvington01 on April 12, 2017 at 01:13 AM

    Hi Guys!

    I would like to re-create the following form in Jotform:
    http://atfgyms.com/checkin/

    I would like to be able to match the exact style and functionality.
    Please help!

    Thank you!

    Roger

    Page URL:
    http://atfgyms.com/checkin/

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 12, 2017 at 03:38 AM

    I checked the site you have provided (http://atfgyms.com/checkin/) and I can see the style and functionality you are referring to.

    What I think of the possible way to accomplish this is to add page breaks on the form. Just like in the form templates below:

    http://form.jotformpro.com/form/41321165563953

    http://form.jotformpro.com/form/41945511112950

    However, I'm afraid to say the Sliding functionality can't be accomplished in the JotForm Builder alone. So, to accomplish your requirements, you need to download the full source code of your form and add a code to make the form slide as what you are seeing from the link you have provided.

    You may take look at this link: http://jformslider.com/home#demo where I have found the same functionality.

    Hope this helps.
    Regards.

  • Profile Image

    Answered by Roger  on April 12, 2017 at 03:46 AM

    thanks for the reply!

    I like this form you referenced:  http://form.jotformpro.com/form/41321165563953

    I think that functionality would work great as well!  Can you help me design a duplicate form of the one I'm trying to create with the same branding/design?

    We can use the functionality of the form you referenced above.

    Thank you for all the help, you guys are awesome!

    Roger

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 12, 2017 at 04:04 AM

    You can try cloning the form (https://form.jotformpro.com/form/41321165563953) and start editing the form according to your preferences. Here's a guide on How to Clone an Existing Form from a URL.

  • Profile Image

    Answered by Roger   on April 12, 2017 at 04:07 AM

    Hello!

     

    i tried cloning it, and I can do that.  But I really need help, because it doesn't look anything like the form I am cloning.

    the font style, text box size, colors and spacing need to be the same as the original, and I'm not sure how to accomplish this.

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 12, 2017 at 05:12 AM

    I noticed that the styles on the form (https://form.jotformpro.com/form/41321165563953) are not the same as the original template when it was cloned on my end. However, I have tried to clone this form (http://form.jotformpro.com/form/41945511112950) and I found a good result.

     

    If this is not what you want to accomplish on your form, you can try adding page breaks and customizing it using CSS. Here's a guide on How to Inject Custom CSS Codes.