Place in the label and remove hard coded style attribute.
</div>
</div>
<div class="cell auto glm-f6-ui-label-container-right">
- {if isset($ui.tip)}
- <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip .left" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
- {/if}
- <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
+ <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}
+ {if isset($ui.tip)}
+ <span data-tooltip aria-haspopup="true" class="has-tip .left" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
+ {/if}
+ </label>
</div>
<div class="cell small-12 glm-f6-ui-field-messages">
{if !empty($ui.helpText)}<span class="glm-f6-ui-field-help-text" id="{$ui.field}_HelpText">{$ui.helpText}</span]>{/if}
*}
<div class="cell small-12 glm-f6-ui-field">
- {if isset($ui.tip)}
- <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip .left" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
- {/if}
- <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if}">{$ui.label}</label>
+ <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if}">{$ui.label}
+ {if isset($ui.tip)}
+ <span data-tooltip aria-haspopup="true" class="has-tip .left" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
+ {/if}
+ </label>
{if !empty($ui.value)}
{$glm_ui_param_textAreaContent = $ui.value}
{else}
{* If min or max values are supplied, add validator to check that *}
{if isset($ui.min) || isset($ui.max)}
{$usingNumberValidator = true}
- <script>
- {*
- Note that we have to read the attribute since the $ui parameter
+ <script>
+ {*
+ Note that we have to read the attribute since the $ui parameter
has likely been changed by the time this runs.
*}
jQuery(document).ready(function($) {
function glmUiF6NumberValidator($el, required, parent) {
- var min = $el.attr('min');
+ var min = $el.attr('min');
if (min !== 'undefined' && (Number($el.val()) < min)) {
return false;
}
>
</div>
<div class="cell auto glm-f6-ui-label-container-right">
- {if isset($ui.tip)}
- <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="{$ui.tip}">?</span>
- {/if}
- <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
+ <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}
+ {if isset($ui.tip)}
+ <span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="{$ui.tip}">?</span>
+ {/if}
+ </label>
</div>
<div class="cell small-12 glm-f6-ui-field-messages">
{if !empty($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error glm-f6-ui-field-error-text" data-form-error-for="{$ui.field}">{$ui.errorText}</span>{/if}
{else}
<div class="grid-x grid-margin-x">
<div class="cell small-12">
- {if isset($ui.tip)}
- <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="{$ui.tip}">?</span>
- {/if}
- <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
+ <label for="{$ui.field}" class="{if !empty($ui.required)} glm-required{/if} glm-f6-ui-field-label">{$ui.label}
+ {if isset($ui.tip)}
+ <span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="{$ui.tip}">?</span>
+ {/if}
+ </label>
</div>
<div class="cell small-12">
<input
+ autocomplete="off"
class="glm-f6-ui-field-input {$ui.inputClass|default:''}"
type="{$ui.type|default:'text'}"
id="{$ui.field}"