Improve homepage search form

This commit is contained in:
Graham Triggs 2017-05-26 19:34:18 +01:00
parent 412d09fd6a
commit ff37204799
3 changed files with 27 additions and 15 deletions

View file

@ -13,6 +13,14 @@
background: #283a4b; background: #283a4b;
} }
.hero form input,
.hero form select {
margin-bottom: 0em;
margin-top: 0em;
margin-right: 0em;
margin-left: 0em;
}
.home-sections { .home-sections {
border-top: 1px dotted #dbe3e3; /* stroke */ border-top: 1px dotted #dbe3e3; /* stroke */
border-bottom: 1px dotted #dbe3e3; /* stroke */ border-bottom: 1px dotted #dbe3e3; /* stroke */

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

View file

@ -38,22 +38,26 @@
<div class="jumbotron"> <div class="jumbotron">
<h1>${i18n().intro_title}</h1> <h1>${i18n().intro_title}</h1>
</div> </div>
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" placeholder="${i18n().search_form}" class="form-horizontal"> <form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" class="form-horizontal">
<fieldset> <fieldset>
<div class="input-group"> <div class="form-group pull-left" style="margin-right: 5px;">
<input type="text" name="querytext" class="form-control" value="" autocapitalize="off" /> <select class="form-control" id="classgroup" name="classgroup">
<div class="input-group-btn"> <option value="">${i18n().all_capitalized}</option>
<select class="form-control" id="classgroup" name="classgroup"> <#list vClassGroups as group>
<option value="">${i18n().all_capitalized}</option> <#if (group.individualCount > 0)>
<#list vClassGroups as group> <option value="${group.uri}">${group.displayName?capitalize}</option>
<#if (group.individualCount > 0)> </#if>
<option value="${group.uri}">${group.displayName?capitalize}</option> </#list>
</#if> </select>
</#list> </div>
</select> <div class="form-group">
<button class="btn btn-default" type="submit"> <div class="input-group">
<span class="icon-search">${i18n().search_button}</span> <input type="text" name="querytext" class="form-control" value="" placeholder="${i18n().search_form}" autocapitalize="off" />
</button> <span class="input-group-btn">
<button class="btn btn-default" type="submit">
<span class="icon-search">${i18n().search_button}</span>
</button>
</span>
</div> </div>
</div> </div>
</fieldset> </fieldset>