Skip to content

Commit 48404ea

Browse files
committed
fix(admin): show styles correctly on preview for HTML form items
* In the preview column in the application form list and also on the preview page there are now the HTML items displayed correctly with CSS styles.
1 parent b731a44 commit 48404ea

File tree

2 files changed

+10
-6
lines changed

2 files changed

+10
-6
lines changed

apps/admin-gui/src/app/vos/components/application-form-list/application-form-list.component.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -96,11 +96,12 @@
9696
value="{{'VO_DETAIL.SETTINGS.APPLICATION_FORM.CLEAR_SELECTION' | translate}}" />
9797
</form>
9898
</div>
99-
<div
100-
*ngIf="applicationFormItem.type ==='HEADING' ||
101-
applicationFormItem.type === 'HTML_COMMENT'">
99+
<div *ngIf="applicationFormItem.type ==='HEADING'">
102100
<span [innerHTML]="getLocalizedLabel(applicationFormItem)"></span>
103101
</div>
102+
<div *ngIf="applicationFormItem.type === 'HTML_COMMENT'">
103+
<span [innerHTML]="getLocalizedLabel(applicationFormItem) | sanitizeHtml"></span>
104+
</div>
104105
<div *ngIf="applicationFormItem.type === 'SELECTIONBOX'">
105106
<select>
106107
<option *ngFor="let item of getLocalizedOptions(applicationFormItem)">

apps/admin-gui/src/app/vos/components/application-form-preview/application-form-preview.component.html

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -129,12 +129,15 @@ <h1 class="page-subtitle">
129129
</div>
130130

131131
<div
132-
*ngIf="(applicationFormItem.type ==='HEADING' ||
133-
applicationFormItem.type === 'HTML_COMMENT') &&
134-
applicationFormItem.hidden !== 'ALWAYS'">
132+
*ngIf="applicationFormItem.type ==='HEADING' && applicationFormItem.hidden !== 'ALWAYS'">
135133
<span [innerHTML]="getLocalizedLabel(applicationFormItem)"></span>
136134
</div>
137135

136+
<div
137+
*ngIf="applicationFormItem.type === 'HTML_COMMENT' && applicationFormItem.hidden !== 'ALWAYS'">
138+
<span [innerHTML]="getLocalizedLabel(applicationFormItem) | sanitizeHtml"></span>
139+
</div>
140+
138141
<div
139142
*ngIf="applicationFormItem.type === 'SELECTIONBOX' &&
140143
applicationFormItem.hidden !== 'ALWAYS'"

0 commit comments

Comments
 (0)