Changing Formbuilder submit button to image

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Joff
Forum Members
Forum Members
Posts: 23
Joined: Wed Jan 25, 2006 10:54 pm

Changing Formbuilder submit button to image

Post by Joff »

As per the subject, is there a way to change the submit button within a Formbuilder form from a submit input element to an image input element?
twitter: @joffff
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm
Location: Fernie British Columbia, Canada

Re: Changing Formbuilder submit button to image

Post by calguy1000 »

it can be done quite easily with css.
but changing the type from <input type="submit" to <input type="image" will cause grief with IE, so I wouldn't recommend hacking the code.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Joff
Forum Members
Forum Members
Posts: 23
Joined: Wed Jan 25, 2006 10:54 pm

Re: Changing Formbuilder submit button to image

Post by Joff »

Thanks, I overlooked the CSS method!

What are the issues with input type=image with IE?  I've never had (to my knowledge) any adverse problems.
twitter: @joffff
tyman00
Power Poster
Power Poster
Posts: 906
Joined: Tue Oct 24, 2006 5:59 pm

Re: Changing Formbuilder submit button to image

Post by tyman00 »

The eternal bane of every web designer's existence (aka: Internet Explorer) doesn't pass the values properly when you use input type=image not sure why. There are loads of hacks out there but like calguy recommended the quickest, easiest and cleanest option (IMHO) is just to work the button with CSS to use a background-image.
If all else fails, use a bigger hammer.
M@rtijn wrote: This is a community. This means that we work together and have the same goal (a beautiful CMS), not that we try to put people down and make their (voluntary) job as difficult as can be.
Post Reply

Return to “Layout and Design (CSS & HTML)”