diff --git a/dmp-frontend/src/app/form/fields/dynamic-form-field.component.html b/dmp-frontend/src/app/form/fields/dynamic-form-field.component.html
index 915195334..db72e2951 100644
--- a/dmp-frontend/src/app/form/fields/dynamic-form-field.component.html
+++ b/dmp-frontend/src/app/form/fields/dynamic-form-field.component.html
@@ -26,10 +26,26 @@
 
 </div> -->
 
-
-
-
 <div [formGroup]="form" class="form-group" [ngSwitch]="field.controlType">
+  <div [ngClass]="{true:'show', false:'hide'}[field.visible]">
+    
+    <label [attr.for]="field.key">{{field.label}}</label>
+
+    <input *ngSwitchCase="'textbox'" class="form-control" [formControlName]="field.key" [id]="field.key" [type]="field.type"
+      required="field.required" [(ngModel)]="field.value">
+
+    <select [id]="field.key" *ngSwitchCase="'dropdown'" class="form-control" [formControlName]="field.key" [(ngModel)]="field.value">
+                            <option *ngFor="let opt of field.options" [value]="opt.key">{{opt.value}}</option>
+                          </select>
+
+    <input *ngSwitchCase="'checkbox'" [formControlName]="field.key" [(ngModel)]="field.value" [id]="field.key" [type]="field.type"
+       (change)="toggleVisibility($event, field)" #ckb> <!--(change)="field.value = ckb.checked"-->
+
+    </div>
+</div>
+
+
+<!-- <div [formGroup]="form" class="form-group" [ngSwitch]="field.controlType">
     <div *ngIf= "field.rules; else  elseBlock ">
       <div *ngIf="field.rules.length > 0; else elseBlock">
         <div *ngFor="let rule of field.rules">
@@ -70,4 +86,4 @@
     
       </ng-template>
   
-  </div>
\ No newline at end of file
+  </div> -->
\ No newline at end of file