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

    Can I adjust the placement of checkboxes and a background for that section?

    Asked by onepoint on March 09, 2012 at 05:08 PM

    Is it possible to make custom selection fields over an image? For example, I would like to have each material selection checkbox integrated / hover over a background image of it's respective material type rather than a combination of html fields followed by a selection area.

  • Profile Image
    JotForm Support

    Answered by Mike_T on March 09, 2012 at 06:18 PM

    It is possible to inject custom CSS code to style the elements. Please check the following example:

    http://www.jotformeu.com/form/20657660045351

    I have found Check Box field ID using Google Chrome developer tools, and then used the following custom CSS code:

    #id_4 {
    background:url(https://cms.jotform.com/uploads/image_upload/image_upload/Mike_T/4981_1.png);
    background-repeat:no-repeat;
    }

    You may also find helpful the following article:

    Customize your Form using Custom CSS Codes

  • Profile Image
    JotForm Support

    Answered by Mike_T on March 09, 2012 at 06:28 PM

    I would like also to add that it is possible to use HTML tags in Check Box options.

  • Profile Image

    Answered by onepoint on March 12, 2012 at 01:55 PM

    Ok, the checkbox html code seems to be the best method of placing each image.

    I think what I need to do is split the imgage so that half of the image calls a hyperlink to the video, the bottom half would have a button to select the given material field. Is there a particular html code to edit to allow the image to make the selection in addition to or in lue of the checkbox?

  • Profile Image

    Answered by fxr on March 12, 2012 at 02:06 PM

    @onepoint, we will deal with this issue on your other thread. 

    We will try to take you take you through what you are trying to achieve as much as we possibly can.