CMS Made Simple Forums

Hi all,
I want to change the looks of the search module. I have included the module and it is coming with default css.
I want to cgange the button with an image, remove the 'search' word and make the textbox smaller.
How I can do it?
Is there anyone to help me?
It's urgent.

You can change the Look & Feel of the search-template (the input form) as well as the design of the output in Extensions > Search. All you need to do is put the code of your template into the respective fields and style it the way you like with HTML & CSS.

Regards,
Nils

You may have to go to the search module and change the action.default.php line 34, I used it to make the button an image...

original...

$this->smarty->assign('submitbutton', $this->CreateInputSubmit($id, 'submit', $submit));

new...

$this->smarty->assign('submitbutton', $this->CreateInputSubmit($id, 'submit', $submit, '', 'uploads/images/golf/go.jpg'));

view changed search...

http://www.multiintech.com/cmsms2/index.php/golf.html

NOTE: this will change all the pages search button...

http://www.multiintech.com/cmsms2/index ... works.html...

mark wrote: You may have to go to the search module and change the action.default.php line 34, I used it to make the button an image...

I applied your suggestion, mark, on CMSMS 1.0.6, but it didn't work. I still have the "submit" button instead of my image. This is the line I have edited:

$this->smarty->assign('submitbutton', $this->CreateInputSubmit($id, 'submit', $submittext,'','/uploads/image/search_button.gif'));

Fabio

to style the search module, just do two things
a) wrap the search tag in a div.
    like: {search}
    now you can use css to style most everything.

b) to use an image instead of a button for submit you need to just modify the template to remove the {submit} stuff and replace it with the appropriate tag.
all that is left is the javascript.

All you need to do is submit the form name, a simple view source wll tell you the form name, and if your form won't be moving around, then this is great, copy the form name out, and use "javascript:document.whateverform.submit()".

If there's a chance that your form might move around on your page, I have a javascript function (that can be embedded into your global metadata, or your page template).  to detect the current form.

BTW, this solution doesn't only apply to search, but to every module.

I have replaced this line in Search.module.php:

{$label}: {$inputbox}{$hidden}

with this one:

{$label}: {$inputbox}{$hidden}


with no success. I still have the button "Submit"!

is your image-link correct, as I don't see a "." before "gif"?

I also wouldn't start the link with a "/", so either "uploads" or "./uploads".
Ronny

RonnyK wrote: is your image-link correct, as I don't see a "." before "gif"?

I also wouldn't start the link with a "/", so either "uploads" or "./uploads".
Ronny

Yes, it is.
Sorry for the typo.

The fact is that the form is showing the submit button anyway. Where does it take from?

Now I have moved the image in the same directory as the module:

{$label}: {$inputbox}{$hidden}

no change..

I think CMS is looking from the root of CMS itself, so the original location was correct, just the calling might have been wrong. Do you see the image when you put "domain + image-link" in the address bar, otherwise the rights might have been wrong. If the rights aren't correct the image is put over the search-box.

Ronny

RonnyK wrote: I think CMS is looking from the root of CMS itself, so the original location was correct, just the calling might have been wrong. Do you see the image when you put "domain + image-link" in the address bar, otherwise the rights might have been wrong. If the rights aren't correct the image is put over the search-box.

Ronny

Yes, I see the image from the web if I direct the browser on it.
But it is not shown anywhere on the search module, while the button is always there. How could it be? I have modified that line.

Looking at the generated HTML code, I am still seeing:




Where does it come from?

saltydog wrote: I have replaced this line in Search.module.php:
.........

Not in Search.module.php but in Extensions -> Modules -> Search -> Search Template

Alby

did you clear the cache? this may be causing the problem.

alby wrote:

Not in Search.module.php but in Extensions -> Modules -> Search -> Search Template

Alby

What?
I don't have that!
I have Extensions->Modules->Search... that's it!