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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize colors for TabbedItem and TabbedPanel?

Thread ID:





130588 May 19,2017 09:10 AM UTC May 25,2017 11:58 AM UTC UWP 5
Tags: SfDockingManager
Wolfgang Brucker
Asked On May 19, 2017 09:10 AM UTC

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?

Marimuthu Sivalingam [Syncfusion]
Replied On 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.

Wolfgang Brucker
Replied On May 22, 2017 08:59 PM UTC

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

Marimuthu Sivalingam [Syncfusion]
Replied On 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.

Wolfgang Brucker
Replied On 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^^).

Marimuthu Sivalingam [Syncfusion]
Replied On 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.


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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