- leemoonAsked on June 12, 2011 at 07:28 AM
I have tried targeting with css but the button image is placed as a background within the original "Clear Form" button.
background-image:url(image url here);}
- JotForm SupportliyamAnswered on June 12, 2011 at 11:42 AM
you can try this CSS instead:
The only problem that I could see is the alignment of the two buttons, so far I'm having some difficulty acheiving this. But this can be a good start.
We'll keep you posted once we find anything. Please do keep us posted as well if you find a solution.
- JotForm SupportabajanAnswered on June 12, 2011 at 12:34 PM
Thanks for asking. If I understand your question correctly (its subject line is incomplete at the time of writing this reply but that will be corrected in due course), you are having diffuculties replacing the default reset button with an image. Assuming this is what you wish to do, the full source code of the form will need to be embedded into your page but first remove the image used to replace the submit button (Properties tab > Button Image: remove the image's URL) and strip the following rule from your injected CSS:
Save the form and copy its full source code: Setup & Embed tab > Embed Form > Source:
On the web page in which you are going to embed the form, replace the current form code with what you just copied.
Tip: Even if the button widths are not identical, their heights should be. (Even just one pixel difference is noticeable to a keen eye.)
Please let us know if we may be of additional assistance regarding your form(s). Our team will be glad to help where we can.
UPDATE: If you don't want the borders on the buttons, inject the following extra CSS rule:
Copy the full source and paste it over the current form code in your web page