Merged in DSC-1590 (pull request DSpace#1530)

[DSC-1590]

Approved-by: Andrea Barbasso

Author: Simone-Ramundi

src/app/shared/form/builder/ds-dynamic-form-ui/models/tag/dynamic-tag.component.html

@@ -6,7 +6,7 @@
   <ds-chips [chips]="chips"
             [editable]="!model.readOnly"
             [showIcons]="model.hasAuthority"
-            [wrapperClass]="'border-bottom border-light'">
+            [wrapperClass]="'border-bottom'">
 
   <input *ngIf="!model.hasAuthority"
          class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1"

src/app/shared/form/builder/parsers/tag-field-parser.ts

@@ -1,20 +1,23 @@
 import { FieldParser } from './field-parser';
 import { FormFieldMetadataValueObject } from '../models/form-field-metadata-value.model';
 import { DynamicTagModel, DynamicTagModelConfig } from '../ds-dynamic-form-ui/models/tag/dynamic-tag.model';
-
+import {DynamicFormControlLayout} from '@ng-dynamic-forms/core';
 export class TagFieldParser extends FieldParser {
-
   public modelFactory(fieldValue?: FormFieldMetadataValueObject | any, label?: boolean): any {
+    let clsTag: DynamicFormControlLayout;
+    clsTag = {
+      grid: {
+        container: 'mb-3 mt-3',
+      }
+    };
     const tagModelConfig: DynamicTagModelConfig = this.initModel(null, label);
     if (this.configData.selectableMetadata[0].controlledVocabulary
       && this.configData.selectableMetadata[0].controlledVocabulary.length > 0) {
       this.setVocabularyOptions(tagModelConfig, this.parserOptions.collectionUUID);
     }
-
     this.setValues(tagModelConfig, fieldValue, null, true);
-
-    const tagModel = new DynamicTagModel(tagModelConfig);
-
+    tagModelConfig.placeholder = 'Enter the Keywords';
+    const tagModel = new DynamicTagModel(tagModelConfig, clsTag);
     return tagModel;
   }