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. Image for the cookie policy date

Change the Style of the Guide arrows when dragging a Window

Hi 

I have created a style for my docking manager, however the problem is that I can't seem to edit the style of the guide arrows when dragging a window. I want it to look like the office 2010 blue style but when I use this style I want all the header backgrounds to have a different colour. I have a gradient Silver type of colour I'm using just now. Can anyone help?

Thanks

Attachment: DockWindowSyncfusion_fac60109.zip

4 Replies

RA Ryan Archibald September 22, 2015 09:54 AM UTC

I'm also wondering is it possible to add images tot he headers of the dock headers? I'm trying to use Blend with this but not having a lot of success


VJ Victory Jessie Selvam D Syncfusion Team September 23, 2015 11:37 AM UTC

Hi Ryan,

Thank you for using Syncfusion Products.

Query #1: I have created a style for my docking manager, however the problem is that I can't seem to edit the style of the guide arrows when dragging a window. I want it to look like the office 2010 blue style but when I use this style I want all the header backgrounds to have a different colour.
The template of DragProviders can be modified using the LeftDragProvider, RightDragProvider, BottomDragProvider, TopDragProvider and CenterDragProvider properties. Header background can be modified using the HeaderBackground, SelectedHeaderBackground, DocumentTabControlStyle and DocumentTabItemStyle properties.

Query #2: I'm also wondering is it possible to add images to the headers of the dock headers?
We can add image to the header of a child window using Icon property only if the state is either Document or Tabbed (docked in a target element). We can set images for child window in other states using the HeaderTemplate property.

We have prepared a sample using provided attachment that demonstrates the way of editing drag providers template, changing header background and adding images to the header. Please download the sample 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


RA Ryan Archibald October 2, 2015 01:25 PM UTC

Hi Jessie

Thanks very much that's helped out a lot


VJ Victory Jessie Selvam D Syncfusion Team October 5, 2015 05:12 AM UTC

Hi Ryan,

Thank you for your update

Please let us know if you need any other assistance.

Regards,
Jessie

Loader.
Up arrow icon