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 add texture to my form?

    Asked by deliverygurullc on June 25, 2015 at 01:36 AM

    I love the texture of the Jotform site and would very much like to do something similiar

    add texture form texture
  • Profile Image
    JotForm Designer

    Answered by ibrahim on June 25, 2015 at 03:07 AM

    Hi,

    You can inject CSS code for adding texture. Here's sample code: 

    .form-all {

      background-image: url(texture.jpg);

      background-repeat:repeat;

    }

    Thanks.

  • Profile Image

    Answered by deliverygurullc on June 25, 2015 at 03:08 AM

    Trying it out now, thanks!

  • Profile Image

    Answered by deliverygurullc on June 25, 2015 at 04:58 AM

    I'm assuming it's not okay to use the Jotform textured background as my textured Jotform frame. Would that be accurate?

  • Profile Image
    JotForm Support

    Answered by Welvin on June 25, 2015 at 08:42 AM

    It's up to your preferences. You can use it if you want to, I think that's okay. :)

    Let us know if you need some help about it.

    Thanks

  • Profile Image

    Answered by deliverygurullc on September 25, 2015 at 10:20 AM

    Welvin,

    Yes sir I would like some help with that exactly please sir. Thank you

  • Profile Image
    JotForm Support

    Answered by Welvin on September 25, 2015 at 11:33 AM

    Sure. I need to know what texture of the website that you'd like to apply to your form. If you can take a screenshot and put an arrow to it, that would be great. Here's our guide on how to upload a screenshot to this support forum: https://www.jotform.com/answers/277033.

    Thanks

  • Profile Image

    Answered by deliverygurullc on September 25, 2015 at 04:18 PM

    Any an all of the areas above would be sweet. If, there is a way to maintain a slightly darker outer frame that would be extra nice. Thanks for your help sir!

  • Profile Image
    JotForm Support

    Answered by Boris on September 25, 2015 at 04:45 PM

    I believe that you are talking about your form http://www.jotformpro.com/form/52272047015951

    I have cloned it to my account, and applied the texture to it:

    http://form.jotformpro.com/form/52676081531960

    You can apply the same styling by opening the Designer:

    In the Designer, change to the CSS tab, and paste the following code into the textbox:

    .supernova { background: #444 url("../images/themes/tile-black.jpg") repeat scroll 0px 0px !important; }
    .form-all { background: rgba(78,78,78,.7) !important; }

    Please let us know if you need further help with this, and we will be happy to assist.

  • Profile Image

    Answered by deliverygurullc on September 25, 2015 at 04:50 PM

    Nice! Thank you very much!

  • Profile Image
    JotForm Support

    Answered by Boris on September 25, 2015 at 04:52 PM

    You are most welcome, we are happy if you are happy! :)

    Please don't hesitate to contact us again should you need any other assistance with your forms, and we will be happy to help.