-
Notifications
You must be signed in to change notification settings - Fork 27k
Description
I am using jqxWidgets in angular2. I Designed one jqxLayout with tabbed Group and document group. I am trying to load the angular component inside jqxLayout.It is not Loading.
Kindly share the code to load component in jqxLayout.
Here is my code,
export class AppComponent{
layout: any[] =
[{
type: ‘layoutGroup’,
orientation: ‘horizontal’,
items: [{
type: ‘layoutGroup’,
orientation: ‘vertical’,
width: 800,
items: [{
type: ‘documentGroup’,
items: [{
type: ‘documentPanel’,
title: ‘ToolItems’,
contentContainer: ‘ToolbarPanel’
}]
}]
}, {
type: ‘layoutGroup’,
class: ‘Color’,
orientation: ‘horizontal’,
width: 800,
height: 600,
items: [{
type: ‘tabbedGroup’,
width: 400,
height: 600,
items: [{
type: ‘layoutPanel’,
title: ‘Color Group’,
contentContainer: ‘ColorGroupPanel’
}]
}, {
type: ‘tabbedGroup’,
width: 400,
height: ‘100%’,
items: [{
type: ‘layoutPanel’,
title: ‘Error List’,
contentContainer: ‘ColorListPanel’
}]
}]
}, {
type: ‘tabbedGroup’,
width: 268,
items: [{
type: ‘layoutPanel’,
title: ‘Properties’,
contentContainer: ‘PropertiesPanel’
}]
}]
}];
}
HTML code,
<jqxLayout [width]=” ‘100%’ ” [height]=” ‘100%’ ” [layout]=”layout” [theme]=”‘efi'”>
<!–The panel content divs can have a flat structure–>
<!–documentGroup–>
My requirement is to load a component in jqxLayout.
I kept All controls in a child component. I need to instantiate the component not controls.
How I can refer a child component in Layout??
I don’t find any reference regarding this requirement. Please provide some example,it will be useful.
Thanks,
Hanusaikrishna