Adding Search Box!

Hey there! Just needed help to make a search box in my forum! Like this forum has it on the side!

Hello viper_swipe,
If you would like it on the side, simply follow the steps below!

Access Administration Panel -> Click Modules Tab -> Click "Forum widgets management" (Under Portal & Widgets) -> Drag the "Serach" widget box to either the right or left side of the layout in the center of the page -> Click SAVE!

This should add a search bar widget to either the right or left side of your forum. You can also customize it further with CSS. If you need any assistance, let me know!

Hope this helps!

-James

Ummm.... I tried it ! I enabled Display Forum Widgets , dragged the search widget to the right!
But when i preview my forum! Its not there!  
@Jadster

Hello viper_swipe,
Have you made sure that there are pixels allowed on the right side of the forum for widgets to appear? They tend to default to the left. Check to see if this is the case. It will be at the top of the page on the Widgets Management page.

-James

I tried, didnt happen i changed left to 0 and right to 180 and checked but nothing happened and then i tried 300 but still nothing happened

Hello @viper_swipe,

You have the following settings set ?
Display > Modules > Forum widgets management


Along with a widget in the right column.

Yup!

Could you provide a link to your forum ?

Thanks

csbr.sampforum.net

He's right, I don't see a search box.

Go to Administration Panel > Display > Templates > General > overall_header

Find :

Code:

<div id="pun-head">
 <div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>
 </div>

Replace by :

Code:

<div id="pun-head">
 <div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 <!-- BEGIN switch_search_box -->
 <div id="search-box">
 <form method="get" action="{ACTION_SEARCH}" id="search">
 <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
 {JS_SESSION_ID_INPUT}
 <input class="button2" type="submit" value="{L_SEARCH}" /></p>
 </form>
 </div>
 <!-- END switch_search_box -->
 </div>
 </div>

Save and publish


Then go to Display > Colors > CSS stylesheet and add the following to you sheet.

Code:

#search-box {
  text-align:right;
  margin-top:10px;
}

Know whats wierd? I moved search to the left side, and it showed, move to right side, and didn't show, What forum version are you using?

PunBB