We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

DockingManager Background

Thread ID:

Created:

Updated:

Platform:

Replies:

82890 Jun 22,2009 08:50 AM UTC Sep 25,2015 09:10 AM UTC WPF 6
loading
Tags: Tools
Office
Asked On June 22, 2009 08:50 AM UTC

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 [Syncfusion]
Replied On June 23, 2009 04:22 PM UTC

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
Replied On June 24, 2009 08:04 AM UTC

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
Replied On June 24, 2009 11:05 AM UTC

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 [Syncfusion]
Replied On June 25, 2009 10:58 PM UTC

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
Replied On September 23, 2015 09:22 AM UTC

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 [Syncfusion]
Replied On September 25, 2015 09:10 AM UTC

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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;