Knowledge Base & Support Center

Optima IDX: Responsive Quick Search Widget

Add quick search to any webpage -- now in three responsive layouts! With one-line, two-line, and vertical options, there's a search widget that will fit anywhere.

 

Widget Code

To insert a quick search widget, include the following code to your page, substituting your CID where it says "CID":

 

<script type="text/javascript" src="http://www.idxhome.com/site/listing/search/widget/CID"></script>

 

Customize

Property Type Selector

If you wish to include the Property Type selector to allow searches for property types other than house & condo, add the parameter showPropertyType=true 

<script type="text/javascript" src="http://www.idxhome.com/site/listing/search/widget/CID?showPropertyType=true"></script>

 

 Layout Style

To specify layout, add ?style= and one of the following parameters, as shown in the example below:

 
style= twoline / vertical / horizontal
 
<script type="text/javascript" src="http://www.idxhome.com/site/listing/search/widget/CID?style=horizontal"></script>


Horizontal layout

 

 

 

Two-line layout

 

 

 

Vertical layout

 

 

 

Target / Break out of Frames

If you are embedding the quick search widget in an iframe, add this JavaScript after the quick search script to have results appear outside of the frame and in the full parent window.

<script>
function changeQuickSearchTarget() {
 document.getElementById("searchProfile").target="_parent";
}
document.onload = changeQuickSearchTarget();
</script>

 

 

Did you find this article helpful?