Search button is shown as html default


Author Message
Franky

Posted: 10/17/2008
Quote message 

Hello,

the search button in my WordPress Blog is not shown in the graphical style from Artisteer. I have only the grey standard html button in all browsers. :-/:-/:-/

Regards,
Frank
 
Marc Smith

Posted: 10/17/2008
Quote message 

I'm not sure what you mean. You want the search button to be a graphic instead of the standard 'block' layout?
 
Frank

Posted: 10/17/2008
Quote message 

Yes, exactly. Like in the Artisteer WYSIWYG preview. The graphic search button (and all other graphical buttons) are there in a fresh installed WordPress. Any idea? :-X
 
Phil

Posted: 10/22/2008
Quote message 

I've been trying to get the graphic buttons to work, but after copying the code I just get the border of the button (See http://screencast.com/t/sWYr5MglB )
 
Phil

Posted: 10/22/2008
Quote message 

Figured it out.

To use the pretty buttons in a form:
<button class="Button" type="submit"><span class="btn"><span class="t">Click Me</span><span class="r"><span></span></span><span class="l"/></span></button>


To use the pretty buttons as a link:
<a href="http://google.com" class="Button"><span class="btn"><span class="t">Click Me</span><span class="r"><span></span></span><span class="l"/></span></a>


If you want to use this button with WordPress search you'll need to find the code for the widget and edit in the button code above OR add a new text widget and add the following:
<form action="http://www.YOURSITEHERE.com/" method="get" id="searchform"><div> <label for="s" class="hidden">Search for:</label <input type="text" value="" size="15" id="s" name="s"/> <button class="Button" type="submit" name="search"><span class="btn"><span class="t">Search</span><span class="r"><span></span></span><span class="l"/></span></button> </div></form>

 
Franky

Posted: 10/25/2008
Quote message 

Hello Phil,

thank you. But your last "widget-version" doesn't work for me. I do not get an input field, only the button. :-/ :-/ :-/

I found out, that the default Artisteer search in sitebar1.php is not executed. To get a search widget, I added the WP search widget manually.

Any ideas? Is there any way to switch the Artisteer search on or off?

Regards,
Frank
 
mssbee

Posted: 11/7/2008
Quote message 

To make the search appear like the graphical style displayed in Artisteer with the search button below the input box, make a text widget titled Search and insert the following code into the body:
<form method="get" id="searchform" action="http://www.YourSiteHere.com/"><input type="text" value= "" name="s" id="s" style="width: 95%;" /><button class="Button" type="submit" name="search"><span class="btn">
<span class="t">Search</span><span class="r"><span></span></span><span class="l"></span>
</span></button></form>
 
Franky

Posted: 11/8/2008
Quote message 

Thank you very much! ;-)
 
Warren

Posted: 3/6/2009
Quote message 

Thanks for the useful solution mssbee... but why doesn't the search button I see in my Artisteer template appear in my theme once it
is uploaded and activated?

Thanks!
 
Khalid

Posted: 4/9/2009
Quote message 

Yes I have the same problem !

The search button I see in Artisteer does not appear when I upload the theme, neither do the (post button for replies)

What shall I do ??


SOS !:-@
 
Marc Smith

Posted: 4/9/2009
Quote message 

What you see in Artisteer's preview is just that, a preview.

How the button is rendered all depends on how you deploy the exported theme, be it Drupal, Wordpress, Joomla, HTML, etc.

Wordpress uses it's own code and logic to display the search widget. Wordpress, by default, has a sidebar that contains "default" functionality.

If you have added widgets to your sidebar in Wordpress, the default search goes away and you have to add it using a widget. This is the way Wordpress works, not the way Artisteer works.
 
Khalid

Posted: 5/10/2009
Quote message 

So Marc .. How can I solve this then ??

I want the search button to appear

I also don't have the POST button shown
 
Garry

Posted: 5/11/2009
Quote message 

You may want to post your website address here, I can suggest you some css hack on having URL