customizing my form

  • Profile Image
    clarkshealthcare
    Asked on February 19, 2012 at 08:01 AM

    i want to create a custom form with a nice picture and an email box patrialy over the imgae in the bottom left .  Currently i have created a prented form which is actually just a picture linking to a larger form on my wesbite half way down on the left at http://www.osteopathy1.com/what%20can%20osteopathy%20treat.html . When i try to create a similar file in jotform the distnce between the picture of my book and the email address form entry are really far apart.  what css code do i need to enter to change it so that the email box is actually partialy over the image? also i want to add a curved red frame around the entire thing?

    I know i have asked a million and one things.  i have tried finding the css code in the forum section but no luck. i look forward to heraing from you guys and your magic words of wisdom.

    best wishes

    michael

  • Profile Image
    liyam
    Answered on February 19, 2012 at 01:34 PM

    Hello Michael,

    I just realized the other question that I just responded to was yours as well.  Was that question related to this one or is this a different quesion?

    If so, the best solution for what you're trying to achieve is using the image as a background.  Here's an example of the form that I cloned from you.  http://www.jotform.net/form/20495813052. Feel free to clone the form or copy the CSS injection code in it and place it in your own form.  Also, make sure that you have set the background to transparent. Also, it would be best to get a copy of your own image and use it for your own reference.

    Please let us know if you need further assistance.

    Note: the background image will not appear on your form when being edited.  It will only appear on the live form.  Also, I did not add the submit button in my form.  So my form does not submit actually. 

  • Profile Image
    clarkshealthcare
    Answered on February 19, 2012 at 01:36 PM
    Thank you for contacting Clarks Osteopathic & Complementary Healthcare. A member of staff will contact you as soon as possible.

    (Please note that no appointment can be made or cancelled by email)

    For further information call the branch you require on:
    BENFLEET branch = (01268) 795705
    WEST WICKHAM branch = 07837 291582
    Or take our interactive tour at www.osteopathy1.com
  • Profile Image
    clarkshealthcare
    Answered on February 19, 2012 at 01:56 PM
    Hi.
    yes this is what i want to do. i went to my forms in jotformpro.com
    and couldn't see where you added it. sorry but i am lost, how will i
    make it then? do you have a list of css codes i could use on other
    forms?
    i look forward to hearing from you
    michael
  • Profile Image
    clarkshealthcare
    Answered on February 20, 2012 at 07:08 AM
    Hello
    I like what you have done but how do it do it myself? also do you
    have a list of css codes i could use to change things?
    i look forward ot hearing from you
    best wishes
    michael
  • Profile Image
    NeilVicente
    Answered on February 20, 2012 at 03:03 PM

    @clarkshealthcare

    We do not have a comprehensive list of css identifiers for form field elements, as fields are given a unique ID. However, fields of the same type are given the same class so you can use them for general styling.

    In any case, we suggest that you use Firebug, a Firefox extension, for customizing your form's CSS codes. Also, if you're just starting out with CSS, this tutorial might help.

    By the way, here is how a CSS code can be injected with a form created with JotForm:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    liyam
    Answered on February 21, 2012 at 12:22 AM

    You can try cloning my form (http://www.jotform.net/form/20495813052) instead, then you can start from there. 

    Please click on this link to show you the user guide on how to clone forms.  Once you have cloned the form, edit it so you can view the CSS code in the CSS injection field.

    Warm regards.