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

How to customize colors for TabbedItem and TabbedPanel?

So in DockingManager we do have this properties
  • DocumentTabItemBackground
  • DocumentTabItemSelectedBackground
  • DocumentTabItemForeground
  • DocumentTabItemSelectedForeground
but they seem to have no effect at all.
I tried it both in XAML

			<layout:SfDockingManager DockFill="True" x:Name="dockMgr"

and in code behind

dockMgr.DocumentTabItemBackground = new SolidColorBrush(Windows.UI.Color.FromArgb(255000));
dockMgr.DocumentTabItemForeground = new SolidColorBrush(Windows.UI.Color.FromArgb(255255255255));
dockMgr.DocumentTabItemSelectedBackground = new SolidColorBrush(Windows.UI.Color.FromArgb(255255255255));
dockMgr.DocumentTabItemSelectedForeground = new SolidColorBrush(Windows.UI.Color.FromArgb(255000));

but the background of the tabbed item always stays System Accent Color:

And, second question, how do i set the color of the tabbed panel itself?

5 Replies

MS Marimuthu Sivalingam Syncfusion Team May 22, 2017 01:29 PM UTC

Hi Wolfgang Brucker,

Thank you for contacting Syncfusion Support.

Query 1: "DocumentTabItemBackground,DocumentTabItemSelectedBackground,DocumentTabItemForeground,DocumentTabItemSelectedForeground these properties have no effect at all".

The above properties are used to customize the DocumentTabItem of SfDockingManager. Currently we have some issue by using these properties.

Query 2: "How do I set the color of the tabbed panel itself"

Currently we doesn't have support to customize the background and foreground of TabbedWindow. We have added it to our feature request list.

We have planned to implement this support in our upcoming Essential Studio Volume 4, 2017. You can communicate with us regarding the open features at any time using the “Contact” option.

Marimuthu S.

WB Wolfgang Brucker May 22, 2017 08:59 PM UTC

Thank you for your answer. Have to look into something else then.

MS Marimuthu Sivalingam Syncfusion Team May 23, 2017 02:07 PM UTC

Hi Wolfgang Brucker,

Thanks for your update.

We have prepared the workaround sample to meet your requirement. In this sample we have provided TabItemSelectedBackground, TabItemMouseOverBackground, TabItemUnselectedBackground, DockTabPanelBackground properties to customize the tabbed window Background. But we could not change the Foreground for TabbedWindow because foreground has been changed in Visual State changed. Please download the sample for the same from the below link.

Sample: Customized-TabbedWindow

Marimuthu S.

WB Wolfgang Brucker May 24, 2017 11:50 AM UTC

Thank you very much.  That's exactly what I was looking for.
It would be really great if DockingManager would be theme aware, then we simply could performe something like

var settings = SettingsService.Instance;
			var Theme = settings.AppTheme;
			if (Theme == ApplicationTheme.Dark)
				dockManager.RequestedTheme = ElementTheme.Dark;
			else if (Theme == ApplicationTheme.Light)
				dockManager.RequestedTheme = ElementTheme.Light;
				dockManager.RequestedTheme = ElementTheme.Default;

instead of having to set all the colors manually.  But that's just somethinge like a "feature request for the future" that makes coding faster for there's nothing wrong to set colors manually as long as it works (that's the more important part^^).

MS Marimuthu Sivalingam Syncfusion Team May 25, 2017 11:58 AM UTC

Hi Wolfgang Brucker,

We will consider this as feature request. A support incident to track the status of this defect has been created under your account. Please log on to our support website to check for further updates


Marimuthu S.

Live Chat Icon For mobile
Up arrow icon