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

  • Profile Image
    onepoint
    Asked 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
    Mike_T
    Answered 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
    Mike_T
    Answered 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
    onepoint
    Answered 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
    fxr
    Answered 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.