DockingManager Background

[Office]

I try to set the DockingManager's Background but this does not work. I always get a beige background which seems to come from the windows standard colors. The DockingManager is hosted in a ChromelessWindow. What is wrong with it?





sf:DockingManager.State="Dock"
sf:DockingManager.SideInDockedMode="Left"
cal:RegionManager.RegionName="Test1/>
sf:DockingManager.State="Dock"
sf:DockingManager.SideInDockedMode="Left"
cal:RegionManager.RegionName="Test2/>




Thanks,
Dominik

[Balavasanth]

Hi Dominik,

Thanks for your interests in Syncfusion products.

Setting Background for Docking Manager Control:

We tried to set a individual Background for the Docking Manager control and for its child element in a chromeless window environment, it was working fine from our side. Kindly make use of the code snippet for how this is done.

xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
xmlns:syncfusion='http://schemas.syncfusion.com/wpf'
Title='Window1' Height='300' Width='500'>






OutPut:

http://files.syncfusion.com/support/Tools.WPF/7.2.0.37/57241/Background.png

Please let us know are missing anything. Still if you have any difficulties kindly update us more on your issue or even a simple sample could be so helpful.

Other Options we recommend for customizing Docking Manager look and feel

When you want to customize our controls you have enormous options using our WPF SkinManager to give a rich look and feel for your applications.

Note - For using our Skinning logic in your application you must include our skin Manager in the Resource Dictionary of your application. Kindly go through our UG for more information.

http://help.syncfusion.com/ug_72_new/toolswpf/IncludingSkins.html

1. Applying Standard color schemes

Our Docking Manager supports the following standard Office2007 color schemes. They are,

a. Office2007 Blue
b. Office2007 Blue
c. Office2007 Blue
d. Blend theme.
e. Sync-Orange theme

For applying Sync-Orange theme, kindly make use of the code snippet.






OutPut :

http://files.syncfusion.com/support/Tools.WPF/7.2.0.37/57241/Sync-Orange.png

For more information kindly go through our online documentation.

http://help.syncfusion.com/ug_72_new/toolswpf/VisualSkins.html

2. Applying Custom Color Schemes for Docking Manager

Custom Colors can also be applied to our Docking Manager control using our skin Manager. The below code snippet explains how to use our Docking Manager control with a Office2007Silver skin and a Red color brush. Kindly make use of the code snippet for more idea.

[XAML Code]




Source='/Syncfusion.Shared.WPF;component/SkinManager/SkinManager.xaml'/>







[C# Code]

private void DockingManager_Loaded(object sender, RoutedEventArgs e)
{
//setting the custom color for Docking Manager
SkinManager.SetActiveColorScheme(dockingmanager, Brushes.Red);
}

Output:

http://files.syncfusion.com/support/Tools.WPF/7.2.0.37/57241/customcolor.png

Please let us know if you have any queries.

Regards,
Bala.

[Office]

Ok, it seems that AutoHideAnimationMode="Fade" breaks the docking manager's background setting. I can live with AutoHideAnimationMode="Slide" but I think it should work both ways.

If you try the example below (all brushes are image brushes) you will see that the following does not work:
- SidePanelBackground="Transparent" has no effect
- The ContentControl's background setting is ignored

AutoHideAnimationMode="Slide"
Background="Transparent"
DockFill="True"
DraggingType="NormalDragging"
UseDocumentContainer="False"

HeaderBorderBrush="{StaticResource BrushedAluDarkGrayKey}"
HeaderBorderThickness="1"
HeaderForeground="White"
HeaderForegroundSelected="White"
HeaderBackground="{StaticResource GlassKey}"
HeaderMouseOverBackground="{StaticResource GlassKey}"
SelectedHeaderBackground="{StaticResource WindowChromeGlassKey}"

FloatWindowBorderBrush="DarkGray"
FloatWindowSelectedBorderBrush="Red"
FloatWindowMouseOverBorderBrush="Red"
FloatWindowHeaderForeground="White"
FloatWindowSelectedHeaderForeground="White"
FloatWindowMouseOverHeaderForeground="White"
FloatWindowHeaderBackground="{StaticResource GlassKey}"
FloatWindowSelectedHeaderBackground="{StaticResource WindowChromeGlassKey}"
FloatWindowMouseOverHeaderBackground="{StaticResource WindowChromeGlassKey}"

TabPanelBorderBrush="{StaticResource BrushedAluDarkGrayKey}"
TabPanelBackground="{StaticResource BrushedAluLightGrayKey}"
TabItemsBorderBrush="{StaticResource BrushedAluDarkGrayKey}"
TabItemsBackground="{StaticResource BrushedAluLightGrayKey}"
TabItemBackgroundSelected="{StaticResource BrushedAluLightGrayKey}"

SidePanelBorderBrush="{StaticResource BrushedAluDarkGrayKey}"
SidePanelBackground="Transparent"
SidePanelBorderThickness="1"
SideItemsBorderBrush="{StaticResource BrushedAluDarkGrayKey}"

SplitterBackground="{StaticResource BrushedAluDarkGrayKey}"
SplitterSize="3">

sf:DockingManager.Header="Panel 1"
sf:DockingManager.State="Dock"
sf:DockingManager.SideInDockedMode="Bottom"
cal:RegionManager.RegionName="Panel1"/>

sf:DockingManager.Header="Panel 2"
sf:DockingManager.State="Dock"
sf:DockingManager.SideInDockedMode="Right"
cal:RegionManager.RegionName="Panel2">


Thanks for help,
Dominik

[Office]

One other point: How can I set the background of the fly-out pane (the part that slides in to display the undocked content in the side panel)?

Thanks,
Dominik

[Balavasanth]

Hi Dominik,

Thanks for choosing Syncfusion products.

We noticed that same query has been posted in our Direct-Trac. We will reply to this query through the incident you have posted.

Please let us know if you have any queries.

Regards,
Bala.

Please let us know if you have

[Ryan Archibald]

Hi 

Is it possible to update the dock arrows to a style very similar to Office2010Blue, but not use that theme?

This is because I have a program that the layout is exactly what we need but the dock arrows aren't in the style we want. However if I use the style Office2010Blue the style I want doesn't work, as one part of the style can't seem to be overwritten

Thanks

Ryan

[Victory Jessie Selvam D]

Hi Ryan,

Thank you for using Syncfusion Products.

We suspect that your requirement is changing the template of the drag providers in Docking Manager. The template of DragProviders can be modified using the LeftDragProvider, RightDragProvider, BottomDragProvider, TopDragProvider and CenterDragProvider properties. We have prepared a sample for the same and please download it from the following link:

Sample: DockingManager_DragProviderStyle

Please get back to us with a screenshot explaining the requirement if we have misunderstood your requirement.

Regards,
Jessie