diff --git a/src/app/shared/theme-support/themed.component.html b/src/app/shared/theme-support/themed.component.html
index 4256518a10..a39b288f0e 100644
--- a/src/app/shared/theme-support/themed.component.html
+++ b/src/app/shared/theme-support/themed.component.html
@@ -1 +1,5 @@
-
+
+
+
+
+
diff --git a/src/app/shared/theme-support/themed.component.ts b/src/app/shared/theme-support/themed.component.ts
index 87f182a5ff..973a3a26f6 100644
--- a/src/app/shared/theme-support/themed.component.ts
+++ b/src/app/shared/theme-support/themed.component.ts
@@ -8,7 +8,8 @@ import {
OnDestroy,
ComponentFactoryResolver,
ChangeDetectorRef,
- OnChanges
+ OnChanges,
+ ElementRef
} from '@angular/core';
import { hasValue, isNotEmpty } from '../empty.util';
import { from as fromPromise, Observable, of as observableOf, Subscription } from 'rxjs';
@@ -23,6 +24,7 @@ import { GenericConstructor } from '../../core/shared/generic-constructor';
})
export abstract class ThemedComponent implements OnInit, OnDestroy, OnChanges {
@ViewChild('vcr', { read: ViewContainerRef }) vcr: ViewContainerRef;
+ @ViewChild('content') themedElementContent: ElementRef;
protected compRef: ComponentRef;
protected lazyLoadSub: Subscription;
@@ -33,7 +35,7 @@ export abstract class ThemedComponent implements OnInit, OnDestroy, OnChanges
constructor(
protected resolver: ComponentFactoryResolver,
protected cdr: ChangeDetectorRef,
- protected themeService: ThemeService
+ protected themeService: ThemeService,
) {
}
@@ -88,7 +90,10 @@ export abstract class ThemedComponent implements OnInit, OnDestroy, OnChanges
}),
).subscribe((constructor: GenericConstructor) => {
const factory = this.resolver.resolveComponentFactory(constructor);
- this.compRef = this.vcr.createComponent(factory);
+
+ const contentNodes = [[...this.themedElementContent.nativeElement.children].map(node => node)] || undefined;
+
+ this.compRef = this.vcr.createComponent(factory, undefined, undefined, contentNodes);
this.connectInputsAndOutputs();
this.cdr.markForCheck();
});