How to customize colors for TabbedItem and TabbedPanel?

[Wolfgang Brucker]

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"
									 DocumentTabItemBackground="Black"
									 DocumentTabItemForeground="White"
									 DocumentTabItemSelectedBackground="White"									 
									 DocumentTabItemSelectedForeground="Black"
									 Loaded="SfDockingManager_Loaded">

and in code behind

dockMgr.DocumentTabItemBackground = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 0, 0, 0));
dockMgr.DocumentTabItemForeground = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 255, 255, 255));
dockMgr.DocumentTabItemSelectedBackground = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 255, 255, 255));
dockMgr.DocumentTabItemSelectedForeground = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 0, 0, 0));

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]

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.

Regards,
Marimuthu S.

[Wolfgang Brucker]

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

[Marimuthu Sivalingam]

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

Regards,
Marimuthu S.

[Wolfgang Brucker]

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;
			else
				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]

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

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents  

Regards,
Marimuthu S.