localization added for error messages

npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.html

@@ -92,7 +92,7 @@
 <ng-template #errorTemplate>
   <div class="invalid-feedback">
     @for (error of errors; track error) {
-      <div>{{ error }}</div>
+      <div>{{ error | abpLocalization }}</div>
     }
   </div>
 </ng-template>

npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.ts

@@ -21,6 +21,7 @@ import {
 } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgTemplateOutlet } from '@angular/common';
+import { LocalizationPipe } from '@abp/ng.core';
 
 export const ABP_DYNAMIC_FORM_FIELD = new InjectionToken<DynamicFormFieldComponent>('AbpDynamicFormField');
 
@@ -41,7 +42,7 @@ const DYNAMIC_FORM_FIELD_CONTROL_VALUE_ACCESSOR = {
   host: { class: 'abp-dynamic-form-field' },
   exportAs: 'abpDynamicFormField',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [FormsModule, NgTemplateOutlet],
+  imports: [FormsModule, NgTemplateOutlet, LocalizationPipe],
 })
 export class DynamicFormFieldComponent implements OnInit, ControlValueAccessor {
   field = input.required<FormFieldConfig>();

npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.html

@@ -1,3 +1,4 @@
+<div class="form-wrapper">
 <form [formGroup]="dynamicForm" (ngSubmit)="onSubmit()" class="dynamic-form">
   <div class="row">
     @for (field of sortedFields; track field.key) {
@@ -34,3 +35,4 @@
     </button>
   </div>
 </ng-template>
+</div>

npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.scss

@@ -4,6 +4,9 @@
     flex-direction: column;
     gap: 0.5rem;
   }
+  .form-wrapper {
+    text-align: left;
+  }
 }
 .form-actions {
   display: flex;