Directory Widget

screenshots.md

Directory Widget

• Search launches www.wisc.edu/directories
• Links are to /directories and the departmental search

widget.html

<div class='widget-body'>
         <form action='http://www.wisc.edu/directories' target='_blank'>
            <div class='input-group'><input type='text' name='q' class='form-control' placeholder='Enter a name'><span class='input-group-btn'><button class='btn btn-primary' type='submit'><i class='fa fa-search'></i></button></span></div>
         </form>
         <div class='row'>
            <div class='col-xs-5 col-xs-offset-1 icon-button-div'>
               <div class='btn btn-primary rounded icon-button'><a href='http://www.wisc.edu/directories' target='_blank'><i class='fa fa-users'></i></a></div>
               <p>Directory</p>
            </div>
            <div class='col-xs-5 icon-button-div'>
               <div class='btn btn-primary rounded icon-button'><a href='https://apps.mbo.wisc.edu/ds/deptsearch.aspx' target='_blank'><i class='fa fa-sitemap'></i></a></div>
               <p>Departmental Directory</p>
            </div>
         </div>
      </div>
      <a class='btn btn-default launch-app-button' href='{{::portlet.url}}' target='{{::portlet.target}}'>Goto Directory</a>