diff --git a/packages/angular-sdk-components/src/app/_components/field/auto-complete/auto-complete.component.html b/packages/angular-sdk-components/src/app/_components/field/auto-complete/auto-complete.component.html
index 2d7f86d8..a245cad8 100644
--- a/packages/angular-sdk-components/src/app/_components/field/auto-complete/auto-complete.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/auto-complete/auto-complete.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$, hideLabel }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$, hideLabel }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -29,5 +29,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/check-box/check-box.component.html b/packages/angular-sdk-components/src/app/_components/field/check-box/check-box.component.html
index ccdaa7ce..2f526438 100644
--- a/packages/angular-sdk-components/src/app/_components/field/check-box/check-box.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/check-box/check-box.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -38,5 +38,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/currency/currency.component.html b/packages/angular-sdk-components/src/app/_components/field/currency/currency.component.html
index 28750f01..283fd1a8 100644
--- a/packages/angular-sdk-components/src/app/_components/field/currency/currency.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/currency/currency.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -26,5 +26,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/date-time/date-time.component.html b/packages/angular-sdk-components/src/app/_components/field/date-time/date-time.component.html
index c4dddeb1..68597961 100644
--- a/packages/angular-sdk-components/src/app/_components/field/date-time/date-time.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/date-time/date-time.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -22,5 +22,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'date-time' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'date-time' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/date/date.component.html b/packages/angular-sdk-components/src/app/_components/field/date/date.component.html
index 7b77406f..4e502820 100644
--- a/packages/angular-sdk-components/src/app/_components/field/date/date.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/date/date.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -29,5 +29,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'date' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'date' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/decimal/decimal.component.html b/packages/angular-sdk-components/src/app/_components/field/decimal/decimal.component.html
index 809ddaff..10aff046 100644
--- a/packages/angular-sdk-components/src/app/_components/field/decimal/decimal.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/decimal/decimal.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -26,5 +26,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/dropdown/dropdown.component.html b/packages/angular-sdk-components/src/app/_components/field/dropdown/dropdown.component.html
index 9b243147..a932bec0 100644
--- a/packages/angular-sdk-components/src/app/_components/field/dropdown/dropdown.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/dropdown/dropdown.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$, hideLabel }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$, hideLabel }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -23,5 +23,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/email/email.component.html b/packages/angular-sdk-components/src/app/_components/field/email/email.component.html
index 6971c175..d4baf061 100644
--- a/packages/angular-sdk-components/src/app/_components/field/email/email.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/email/email.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -24,5 +24,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/integer/integer.component.html b/packages/angular-sdk-components/src/app/_components/field/integer/integer.component.html
index 6560050c..c27f1c9f 100644
--- a/packages/angular-sdk-components/src/app/_components/field/integer/integer.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/integer/integer.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -25,5 +25,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/percentage/percentage.component.html b/packages/angular-sdk-components/src/app/_components/field/percentage/percentage.component.html
index 95498666..85d1944a 100644
--- a/packages/angular-sdk-components/src/app/_components/field/percentage/percentage.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/percentage/percentage.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -26,5 +26,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/phone/phone.component.html b/packages/angular-sdk-components/src/app/_components/field/phone/phone.component.html
index dd46cb2f..722bcb58 100644
--- a/packages/angular-sdk-components/src/app/_components/field/phone/phone.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/phone/phone.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -23,5 +23,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/radio-buttons/radio-buttons.component.html b/packages/angular-sdk-components/src/app/_components/field/radio-buttons/radio-buttons.component.html
index 6eb5f963..6736858a 100644
--- a/packages/angular-sdk-components/src/app/_components/field/radio-buttons/radio-buttons.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/radio-buttons/radio-buttons.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
     <div [formGroup]="formGroup$" *ngIf="bVisible$">
diff --git a/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.html b/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.html
index f71366fc..db7ea4b1 100644
--- a/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.html
@@ -1,9 +1,9 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 
 <ng-template #noDisplayMode>
-  <div *ngIf="label$ !== undefined" class="psdk-grid-filter">
+  <div *ngIf="label$ !== undefined && bVisible$ !== false" class="psdk-grid-filter">
     <div class="psdk-grid-label">{{ label$ }}</div>
     <div class="psdk-value">{{ value$ || '---' }}</div>
   </div>
diff --git a/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.ts b/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.ts
index 9102b44e..499bddbc 100644
--- a/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.ts
+++ b/packages/angular-sdk-components/src/app/_components/field/semantic-link/semantic-link.component.ts
@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { AngularPConnectService } from '../../../_bridge/angular-pconnect';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import { Utils } from '../../../_helpers/utils';
 
 @Component({
   selector: 'app-semantic-link',
@@ -21,8 +22,9 @@ export class SemanticLinkComponent implements OnInit {
   label$: string = '';
   value$: string = '';
   displayMode$: string = '';
+  bVisible$: boolean = true;
 
-  constructor(private angularPConnect: AngularPConnectService) {}
+  constructor(private angularPConnect: AngularPConnectService, private utils: Utils) {}
 
   ngOnInit(): void {
     // First thing in initialization is registering and subscribing to the AngularPConnect service
@@ -52,5 +54,8 @@ export class SemanticLinkComponent implements OnInit {
     this.value$ = this.configProps$['text'] || '---';
     this.displayMode$ = this.configProps$['displayMode'];
     this.label$ = this.configProps$['label'];
+    if (this.configProps$['visibility']) {
+      this.bVisible$ = this.utils.getBooleanValue(this.configProps$['visibility']);
+    }
   }
 }
diff --git a/packages/angular-sdk-components/src/app/_components/field/text-area/text-area.component.html b/packages/angular-sdk-components/src/app/_components/field/text-area/text-area.component.html
index 5eec32df..549f5e40 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text-area/text-area.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/text-area/text-area.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -25,5 +25,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.html b/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.html
index 9f8fa2e3..756e8302 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.html
@@ -1,4 +1,4 @@
-<div class="psdk-data-readonly">
+<div class="psdk-data-readonly" *ngIf="bVisible$ !== false">
   <div *ngIf="displayAs$ == 'Paragraph'" class="mat-subtitle-2">{{ content$ }}</div>
   <div *ngIf="displayAs$ == 'Heading 1'" class="mat-h1">{{ content$ }}</div>
   <div *ngIf="displayAs$ == 'Heading 2'" class="mat-h2">{{ content$ }}</div>
diff --git a/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.ts b/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.ts
index c589abde..e956ddf0 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.ts
+++ b/packages/angular-sdk-components/src/app/_components/field/text-content/text-content.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AngularPConnectService } from '../../../_bridge/angular-pconnect';
+import { Utils } from '../../../_helpers/utils';
 
 @Component({
   selector: 'app-text-content',
@@ -19,8 +20,9 @@ export class TextContentComponent implements OnInit {
   content$: string = '';
   displayAs$: string;
   displayMode$: string = '';
+  bVisible$: boolean = true;
 
-  constructor(private angularPConnect: AngularPConnectService) {}
+  constructor(private angularPConnect: AngularPConnectService, private utils: Utils) {}
 
   ngOnInit(): void {
     // First thing in initialization is registering and subscribing to the AngularPConnect service
@@ -51,6 +53,10 @@ export class TextContentComponent implements OnInit {
     }
     this.displayMode$ = this.configProps$['displayMode'];
 
+    if (this.configProps$['visibility'] != null) {
+      this.bVisible$ = this.utils.getBooleanValue(this.configProps$['visibility']);
+    }
+
     // Any update to content or displayAs will re-render this component.
     //  All rendering logic is in the .html file.
   }
diff --git a/packages/angular-sdk-components/src/app/_components/field/text-input/text-input.component.html b/packages/angular-sdk-components/src/app/_components/field/text-input/text-input.component.html
index 51364cb4..e6e0a47a 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text-input/text-input.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/text-input/text-input.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -25,5 +25,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/text/text.component.html b/packages/angular-sdk-components/src/app/_components/field/text/text.component.html
index d135b05c..6932eb17 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text/text.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/text/text.component.html
@@ -1,8 +1,8 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
-  <div class="psdk-label-infix-readonly">
+  <div class="psdk-label-infix-readonly" *ngIf="bVisible$ !== false">
     <span class="psdk-label-wrapper-readonly">
       <label class="psdk-label-readonly">{{ label$ }}</label>
     </span>
diff --git a/packages/angular-sdk-components/src/app/_components/field/text/text.component.ts b/packages/angular-sdk-components/src/app/_components/field/text/text.component.ts
index d199a0ca..75e789d5 100644
--- a/packages/angular-sdk-components/src/app/_components/field/text/text.component.ts
+++ b/packages/angular-sdk-components/src/app/_components/field/text/text.component.ts
@@ -69,8 +69,13 @@ export class TextComponent implements OnInit {
       this.value$ = this.configProps$['value'];
     }
 
+    if (this.configProps$['visibility'] != null) {
+      this.bVisible$ = this.utils.getBooleanValue(this.configProps$['visibility']);
+    }
+    
     this.label$ = this.configProps$['label'];
     this.displayMode$ = this.configProps$['displayMode'];
+    
 
     // TDB - get formats
     switch (this.formatAs$) {
diff --git a/packages/angular-sdk-components/src/app/_components/field/time/time.component.html b/packages/angular-sdk-components/src/app/_components/field/time/time.component.html
index f3c4798a..4c631ea0 100644
--- a/packages/angular-sdk-components/src/app/_components/field/time/time.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/time/time.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -23,5 +23,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'text' }"></component-mapper>
 </ng-template>
diff --git a/packages/angular-sdk-components/src/app/_components/field/url/url.component.html b/packages/angular-sdk-components/src/app/_components/field/url/url.component.html
index cbbec6ba..aeff92db 100644
--- a/packages/angular-sdk-components/src/app/_components/field/url/url.component.html
+++ b/packages/angular-sdk-components/src/app/_components/field/url/url.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="displayMode$; else noDisplayMode">
-  <component-mapper name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
@@ -23,5 +23,5 @@
   </div>
 </ng-template>
 <ng-template #noEdit>
-  <component-mapper name="Text" [props]="{ pConn$, formatAs$: 'url' }"></component-mapper>
+  <component-mapper *ngIf="bVisible$ !== false" name="Text" [props]="{ pConn$, formatAs$: 'url' }"></component-mapper>
 </ng-template>