Added pattern to integer and decimal property editor views to support numeric keyboards on mobile

This commit is contained in:
AndyButland
2015-10-12 22:05:40 +01:00
committed by Claus
parent 09ec87c1c7
commit 7efa0bed46
2 changed files with 14 additions and 8 deletions

View File

@@ -1,8 +1,11 @@
<div class="umb-editor">
<input name="decimalField" type="number" class="umb-editor umb-number"
ng-model="model.value"
val-server="value"
fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
<input name="decimalField"
type="number"
pattern="[0-9]+([,\.][0-9]+)?"
class="umb-editor umb-number"
ng-model="model.value"
val-server="value"
fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
<span class="help-inline" val-msg-for="decimalField" val-toggle-msg="number">Not a number</span>
<span class="help-inline" val-msg-for="decimalField" val-toggle-msg="valServer">{{propertyForm.requiredField.errorMsg}}</span>

View File

@@ -1,8 +1,11 @@
<div class="umb-editor">
<input name="integerField" type="number" class="umb-editor umb-number "
ng-model="model.value"
val-server="value"
fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
<input name="integerField"
type="number"
pattern="[0-9]*"
class="umb-editor umb-number "
ng-model="model.value"
val-server="value"
fix-number min="{{model.config.min}}" max="{{model.config.max}}" step="{{model.config.step}}" />
<span class="help-inline" val-msg-for="integerField" val-toggle-msg="number">Not a number</span>
<span class="help-inline" val-msg-for="integerField" val-toggle-msg="valServer">{{propertyForm.requiredField.errorMsg}}</span>