Introduction

INIS COLLECTION SEARCH WIDGET
If you want your website visitors directly to search INIS Collection, INIS Collection Search Widget is the solution!

The INIS Collection Search Widget is a compact version of the INIS Collection search form that can be integrated into third-party Web sites. When users of third-party sites query the INIS Collection using the widget, they are redirected to the INIS Web Portal, where the search results are displayed as if the query had been launched directly from the INIS Collection search.

This page provides instructions and examples of how administrators of third-party Web sites can include the INIS Collection Search Widget into their pages. The widget can easily be integrated into third-party Web sites using the inline frame (iframe) technique. The installation of the widget thus does not require any additional files or scripts to be hosted on the third-party site.

Examples

Absolute Dimensions

The minimum space required by the widget is 160x80 pixels (width x height). Width and height are specified as iframe style attributes, either as absolute pixel values or percentage values. The widget is designed with fluid width and will thus take up the horizontal space made available to it.

160x80 pixels <iframe frameborder="0"
        style="width:160px;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>
200x80 pixels <iframe frameborder="0"
        style="width:200px;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>
240x80 pixels <iframe frameborder="0"
        style="width:240px;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>

Relative Width

When using relative dimensions, please bear in mind that the widget will only display correctly if it has at least 160px available in width.

50% width <iframe frameborder="0"
        style="width:50%;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>
100% width <iframe frameborder="0"
        style="width:100%;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>
25% width
too little space
<iframe frameborder="0"
        style="width:25%;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>

INIS Search Widget Demo

The demo shows how to use the INIS Search Widget in a Web page (design is based on the current INIS website). The code required to achieve this is placed to the right of the link.

Show INIS Search
Widget Demo
....
<iframe frameborder="0"
        style="width:360px;height:80px; margin:0px; border:0px; overflow:hidden;"
        src="http://inis.iaea.org/search/widget/search-widget.html" scrolling="no">
</iframe>
....