jQuery UI Widgets Forums Layouts Layout and Docking Layout Themes and jqxDockingLayout

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 8 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Themes and jqxDockingLayout #84988

    zardozwildman
    Participant

    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});

    Themes and jqxDockingLayout #84994

    Dimitar
    Participant

    Hello zardozwildman,

    Unfortunately, this is not possible. Themes are only applicable to the docking layout as a whole, e.g.:

    $('#DockContainer').jqxDockingLayout({
        width: 1200,
        height: 800,
        layout: DockLayout,
        resizable: true,
        theme: 'orange'
    });

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.