Forums

Button image for submit button

TonyGib 25 Jun, 2012
Hi

I've been looking is this forum to see if I could find a way to add an image to the submit button function. So, for example the 'My Dashboard' would be the submit button instead of the 'Continue' grey box.
Can it be done?
GreyHead 25 Jun, 2012
Hi TonyGib,

You can use a Custom Element element (from the Advanced elements group) and add in any HTML you like. That's the easiest way to create an image based button.

Bob
GreyHead 19 Aug, 2012
Hi TonyGib,

I've just added this FAQ on using an image for a submit button.

Bob
TonyGib 20 Aug, 2012
This FAQ is just great! .. I couldn't work out how to make it work previously, but this is simple and straight forward.

Thanks again!
TonyGib 20 Aug, 2012
Bob sorry, but the adding Load css etc almost works - but seems to conflict with any other javascript on page.
Two examples:
1. Simple form, added code - view with 'live view' - result button present, works. Now load the page on live site - no button at all.
2. More complex form with 'Load JS' in On Load - add button image - result, disables ALL existing JS.

So sadly, I've taken this code out until I can work out a solution😟
GreyHead 20 Aug, 2012
Hi TonyGib,

The JavaScript is pretty standard MooTools code and works OK with the default Joomla! template so most likely some other component or the template on your site is causing a conflict. Please post a link to the form so I can take a quick look.

Bob
TonyGib 20 Aug, 2012
Actually Bob I think the problem just may be me😟 .. I'm rechecking what I did.
I'll let you know.

Regards
Tony
This topic is locked and no more replies can be posted.