An HTML, CSS, jQuery based widget for a Learning Management System (LMS) or web site that allows a user to search the library catalog and link to various library services. A working version of the code can be viewed at: http://mu.edu/library/lor/catalogwidget/

Special thanks to Jeff Carleson at Sacramento City College whose library search widget was the inspiration for this project. Learn more @ http://scc.losrios.edu/~library/tools/widget/

Upload the files to a web server and then add the following code to the widget in your LMS or to the web site or LibGuide of your choosing.

<iframe src="URL LOCATION OF searchwidget.html" frameborder="0" height="300" scrolling="no" width="215"> </iframe>

Ask your LMS administrator to make a System Widget that includes the code above so all users of your LMS can have access to it. If that is not possible, follow the instructions below to create a Widget in your D2L course.

1. Click "Edit course"
2. Click "Widgets"
3. In Manage Widgets, click "New Widget"
4. Give the Widget a name of your choice
5. Click the "Content" tab
6. Click the "Edit HTML Source" icon on the bottom left-hand edge of the editing window HTML Source icon
7. Select and copy the code above and paste it into the editing window
8. Click "Update"
9. Click "Save"

To customize or edit the widget, i.e. add your search box code or edit links, view the comments in the searchwidget.html file.

Want to contribute? Great! Please feel free to expand or improve on the original code and share any assessment data you may gather from your patrons.