Added some help to dropdowns
diff --git a/src/main/resources/view/freemarker-online.ftl b/src/main/resources/view/freemarker-online.ftl
index 7c57f3e..5152a4b 100644
--- a/src/main/resources/view/freemarker-online.ftl
+++ b/src/main/resources/view/freemarker-online.ftl
@@ -111,13 +111,17 @@
>${dataModel}</textarea>
<div class="formPanel">
<div class="horizontalBox">
- <@u.htmlSelect caption="Output format" name="outputFormat" selectionOptions=outputFormats />
+ <@u.htmlSelect caption="Output format" name="outputFormat" selectionOptions=outputFormats
+ helpLink='http://freemarker.apache.org/docs/dgui_misc_autoescaping.html'
+ helpHover='Influences auto-escaping' />
</div>
<div class="horizontalBox">
- <@u.htmlSelect caption="Locale" name="locale" selectionOptions=locales />
+ <@u.htmlSelect caption="Locale" name="locale" selectionOptions=locales
+ helpHover='Influences how numbers and date/time values are formatted' />
</div>
<div class="horizontalBox">
- <@u.htmlSelect caption="Time zone" name="timeZone" selectionOptions=timeZones />
+ <@u.htmlSelect caption="Time zone" name="timeZone" selectionOptions=timeZones
+ helpHover='Date/time values are shown as seen from this time zone' />
</div>
</div>
<div class="formBottomButtonsContainer">
diff --git a/src/main/resources/view/utils.ftl b/src/main/resources/view/utils.ftl
index 4140ccc..187c98d 100644
--- a/src/main/resources/view/utils.ftl
+++ b/src/main/resources/view/utils.ftl
@@ -23,14 +23,16 @@
-->
-<#macro htmlSelect caption name selectionOptions>
- <div>${caption}:</div>
+<#macro htmlSelect caption name selectionOptions helpLink='' helpHover=''>
+ <div <@titleAttr helpHover />>${caption}<#if helpLink != ''> (<a href='${helpLink}' target='_blank'>?</a>)</#if></div>
<div>
- <select name="${name}" id="${name}" class="pure-input-1">
+ <select name="${name}" id="${name}" class="pure-input-1" <@titleAttr helpHover />>
<#list selectionOptions as selectionOption>
<#local value = selectionOption.value>
<option value="${value}"<#if value == .vars[name]!> selected</#if>>${selectionOption.label}</option>
</#list>
</select>
</div>
-</#macro>
\ No newline at end of file
+</#macro>
+
+<#macro titleAttr title><#if title != ''>title="${title}"</#if></#macro>
\ No newline at end of file
