Validation message styling through validationHtmlClass

src/directives/decorators/bootstrap/array.html

@@ -22,7 +22,7 @@ <h3 ng-show="form.title && form.notitle !== true">{{ form.title }}</h3>
       {{ form.add || 'Add'}}
     </button>
   </div>
-  <div class="help-block"
+  <div class="help-block {{form.validationHtmlClass}}"
        ng-show="(hasError() && errorMessage(schemaError())) || form.description"
        ng-bind-html="(hasError() && errorMessage(schemaError())) || form.description"></div>
 </div>

src/directives/decorators/bootstrap/checkbox.html

@@ -11,5 +11,5 @@
            name="{{form.key.slice(-1)[0]}}">
     <span ng-bind-html="form.title"></span>
   </label>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/checkboxes.html

@@ -14,5 +14,5 @@
     </label>
 
   </div>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/default.html

@@ -50,5 +50,5 @@
         id="{{form.key.slice(-1)[0] + 'Status'}}"
         class="sr-only">{{ hasSuccess() ? '(success)' : '(error)' }}</span>
 
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/fieldset-trcl.html

@@ -1,5 +1,5 @@
 <fieldset ng-disabled="form.readonly" class="schema-form-fieldset {{form.htmlClass}}">
   <legend ng-class="{'sr-only': !showTitle() }">{{ form.title }}</legend>
-  <div class="help-block" ng-show="form.description" ng-bind-html="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" ng-show="form.description" ng-bind-html="form.description"></div>
   <div ng-transclude></div>
 </fieldset>

src/directives/decorators/bootstrap/fieldset.html

@@ -1,5 +1,5 @@
 <fieldset ng-disabled="form.readonly" class="schema-form-fieldset {{form.htmlClass}}">
   <legend ng-class="{'sr-only': !showTitle() }">{{ form.title }}</legend>
-  <div class="help-block" ng-show="form.description" ng-bind-html="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" ng-show="form.description" ng-bind-html="form.description"></div>
   <sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator>
 </fieldset>

src/directives/decorators/bootstrap/radio-buttons.html

@@ -20,5 +20,5 @@
       <span ng-bind-html="item.name"></span>
     </label>
   </div>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/radios-inline.html

@@ -14,5 +14,5 @@
       <span ng-bind-html="item.name"></span>
     </label>
   </div>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/radios.html

@@ -14,5 +14,5 @@
       <span ng-bind-html="item.name"></span>
     </label>
   </div>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/select.html

@@ -12,5 +12,5 @@
           ng-options="item.value as item.name group by item.group for item in form.titleMap track by item[form.trackBy]"
           name="{{form.key.slice(-1)[0]}}">
   </select>
-  <div class="help-block" sf-message="form.description"></div>
+  <div class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></div>
 </div>

src/directives/decorators/bootstrap/textarea.html

@@ -31,5 +31,5 @@
           ng-bind-html="form.fieldAddonRight"></span>
   </div>
 
-  <span class="help-block" sf-message="form.description"></span>
+  <span class="help-block {{form.validationHtmlClass}}" sf-message="form.description"></span>
 </div>