Question

I have this problem :
I have a submit button defined as follows :

 <input  type="submit" name="actionName" value="search" />
 <input  type="submit" name="actionName" value="New" />

both submit buttons are included in an Ajax beginForm:

@using (Ajax.BeginForm("PFSearch", "Payer", ajaxOptions))

In the controller … based on the actionName string provided .. i do different actions based on the value of button pressed within my Ajax befin form :

if (actionName="search")
{
//do something
}

And everything works like a charm .. until i want to add i want to add an image to the class of my submit button :

  <input class="search" type="submit" name="actionName" value="search" />
  <input class="search" type="submit" name="actionName" value="New" />

My search tab looks like this :

As you can clearly see my main impediment is that by adding value … the text appears over my image.
How can i make those button act differently within my ajax begin form considering that giving value to the buttons doesn’t work ? Any alternatives or workarounds are appreciated. Thanks !

Answer 1

Can you please give us a link to your project’s demo? And try to use some margin, padding and background-position:center;