Is it possible to apply themes to individual docking windows within the layout?
Here are the code snippets I use to create the docking layout:
var DockLayout=
[
{
type: 'layoutGroup',
orientation:'horizontal',
items:
[
{
type: 'layoutGroup',
orientation:'vertical',
width:600,
items:
[
{
type: 'tabbedGroup',
height:400,
items:
[
{
type: 'layoutPanel',
title: 'Incoming Call',
contentContainer:"LifeOfCallDataContainer"
},
],
},
{
type: 'tabbedGroup',
height:400,
items:
[
{
type: 'layoutPanel',
title: 'Team Status',
contentContainer:"TeamStatusDataContainer"
}
]
},
]
},
{
type: 'layoutGroup',
orientation:'vertical',
width:600,
items:
[
{
type: 'tabbedGroup',
height:400,
items:
[
{
type: 'layoutPanel',
title: 'My Activity',
contentContainer:"ActivityDataContainer"
},
],
},
{
type: 'tabbedGroup',
height:400,
items:
[
{
type: 'layoutPanel',
title: 'Messages (3)',
contentContainer:"AgentMsgDataContainer"
}
]
},
]
},
],
},
];
.
.
.
.
// Create dock container
$(‘#DockContainer’).jqxDockingLayout({ width:1200,height:800,layout: DockLayout,resizable:true});