- clarkshealthcareAsked 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.
- JotForm SupportliyamAnswered on February 19, 2012 at 01:34 PM
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.
- clarkshealthcareAnswered on February 19, 2012 at 01:36 PMThank 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
- clarkshealthcareAnswered on February 19, 2012 at 01:56 PMHi.
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
i look forward to hearing from you
- clarkshealthcareAnswered on February 20, 2012 at 07:08 AMHello
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
- JotForm SupportNeilVicenteAnswered on February 20, 2012 at 03:03 PM
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.
By the way, here is how a CSS code can be injected with a form created with JotForm:
- JotForm SupportliyamAnswered 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.