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

    how can i change the theme to my personalized theme???

    Asked by shopwisely16 on July 11, 2011 at 11:05 AM
  • Profile Image

    Answered by DanielGriffin on July 11, 2011 at 11:10 AM

    Hi there,

    You have a couple of options here.  The easiest option is to inject your own CSS code into the form.  have a look at this link on how to do that:

    https://www.jotform.com/answers/tag/Inject%20Custom%20CSS

    Otherwise you can try downloadingthe entire source for the form and editing it to look the way you want.  to do that:

    1. Open your form in the form builder
    2. Click on "Setup & Embed" tab
    3. Click on "Embed Form" on top menu
    4. Click on "Source" icon


    Thanks,

    Daniel

  • Profile Image

    Answered by shopwisely16 on July 11, 2011 at 11:25 AM

    hello!!! thanks for the info.. what about the background of the theme.. thanks

  • Profile Image

    Answered by DanielGriffin on July 11, 2011 at 11:29 AM

    That's no problem,

    Have a look at this page, it has some information on changing the background with CSS

    http://www.jotform.com/help/75-CSS-hacks

    But if you download the full source then you can make any changes you.  Let me know if you need anything else,

    Thanks,

    Daniel

  • Profile Image

    Answered by shopwisely16 on July 11, 2011 at 11:34 AM

    hello daniel! i still dont know how to use it.. i just wanted to change my background like this

    http://s1027.photobucket.com/albums/y332/shopwisely16/?action=view&current=pretty-1.gif

     

    thanks for your help.. :)

  • Profile Image

    Answered by DanielGriffin on July 11, 2011 at 11:55 AM

    Hi there,

    That's no problem.  The easiest way to do this is as follows:

    1. open the form in the form builder, Select the Setup and Embed tab and click the Preferences button.

    2.Click the Form Styles tab and edit the background property to paste in the following code:

     

    url("http://i1027.photobucket.com/albums/y332/shopwisely16/pretty-1.gif") repeat scroll 0% 0% transparent

     

    (note that the url you provided is to an album.  This url is just to the image itself.  i'm not sure what Photobucket's policy on hot linking is, you might need to download the image and host it somewhere else online)

    Thanks,

    Daniel

  • Profile Image

    Answered by shopwisely16 on July 11, 2011 at 01:00 PM

    thanks daniel, i followed your instructions and it shows here thebackground but i doesnt shows on my embed code.. :(

     

  • Profile Image

    Answered by DanielGriffin on July 11, 2011 at 03:10 PM

    Hiya,

    If you are using the full source then you will need to download it again after making this change.  Where is the form online?  I can take a look for you.

    Thanks,

    Daniel