Uses Bootstrap markup patterns to create a 'Sort' dropdown. All existing CGI parameters are preserved, except for 'sort' and 'start_rank'. Examples provided for common sort modes. Extensible to sort by arbitrary metadata fields.

freemarker-sort-snippet

<#-- SORT MODES -->
<div class="dropdown pull-right">
  <a class="dropdown-toggle text-muted" data-toggle="dropdown" href="#" id="dropdown-sortmode" title="Sort">
  <small><span class="glyphicon glyphicon-sort"></span>&nbsp;Sort</small>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdown-sortmode">
    <li role="menuitem"><a href="${question.collection.configuration.value("ui.modern.search_link")}?${removeParam(QueryString,["start_rank","sort"])?html}"><span class="glyphicon glyphicon-sort-by-attributes-alt"></span> Relevance</a></li>
    <li role="menuitem"><a href="${question.collection.configuration.value("ui.modern.search_link")}?${removeParam(QueryString,["start_rank","sort"])?html}&amp;sort=date"><span class="glyphicon glyphicon-sort-by-order-alt"></span> Recency</a></li>
    <li role="menuitem"><a href="${question.collection.configuration.value("ui.modern.search_link")}?${removeParam(QueryString,["start_rank","sort"])?html}&amp;sort=title"><span class="glyphicon glyphicon-sort-by-alphabet"></span> Title (A-Z)</a></li>
    <li role="menuitem"><a href="${question.collection.configuration.value("ui.modern.search_link")}?${removeParam(QueryString,["start_rank","sort"])?html}&amp;sort=dtitle"><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> Title (Z-A)</a></li>
    <li role="menuitem"><a href="${question.collection.configuration.value("ui.modern.search_link")}?${removeParam(QueryString,["start_rank","sort"])?html}&amp;sort=shuffle"><span class="glyphicon glyphicon-random"></span> Shuffle</a></li>
  </ul>
</div>