search form customization, how??

406 Posts

TomMLS Reply #1, 16 years, 5 months ago

1. How does one set up the search form so the Go! button is to the right of the search box??

2. How to replace the Go! button with an image?? (I know it’s easy to use an image for a submit button, but I need to know the answer to #1 above to figure this out.)

Thank you, Tom

Update: I can’t delete this message, though I figured this out by sizing the input box within the css, and setting the submit button to size: auto.

1,717 Posts

coroico Reply #2, 16 years, 5 months ago

How does one set up the search form so the Go! button is to the right of the search box??

By ajusting the css file and the layout template. If you use the 1.8.4 release, look at the documentation/someCssExamples/relative.css file

How to replace the Go! button with an image?? (I know it’s easy to use an image for a submit button, but I need to know the answer to #1 above to figure this out.)

In the layout template, replace:

    <label for="ajaxSearch_submit">
      <input id="ajaxSearch_submit" type="submit" name="sub" value="[+as.submitText+]" />
    </label>

by

    <label for="ajaxSearch_submit">
      <input id="ajaxSearch_submit" type="image" src="assets/templates/Theme/images/search.jpg" name="sub"  value="[+as.submitText+]" />
    </label>

406 Posts

TomMLS Reply #3, 16 years, 5 months ago

Quote from: coroico at Apr 05, 2010, 02:52 PM

How does one set up the search form so the Go! button is to the right of the search box??
By ajusting the css file and the layout template. If you use the 1.8.4 release, look at the documentation/someCssExamples/relative.css file

Hello, thank you for sending this about the image!!

I figured out the search box width could be set in ems and I set the button width to auto, now it displays as I wish until I find/make a nice button image.

Thank you, Tom