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

Highlight active panel

Hi,

I'd to customize the look and feel of the active header.
The default behavior of the dockingManager is :  both 1 docking or floating panel selected and 1 document selected
But I'd like to only highlight the active panel (docking, floating or document). But I don't know how to customize the docking manager.
I tried to use templates but I can only override triggers with IsSelected property. But "IsSelected" on document tab header is not the right property to achieve my feature.
I need a property like IsActive...
If you have any ideas....
Thanks in advance
Regards

1 Reply

VJ Victory Jessie Selvam D Syncfusion Team April 15, 2015 12:17 PM UTC

Hi Guillaume,

Thank you for contacting Syncfusion support.

Query #1: The default behavior of the dockingManager is : both 1 docking or floating panel selected and 1 document selected. But I'd like to only highlight the active panel (docking, floating or document).
The DocumentTabControl used in DockingManager is TabControlExt. The last selected tab item in TabControlExtwill look like active visually even if SelectedIndex is -1 but it will not be the DockingManager.ActiveWindow.

Query #2: But I don't know how to customize the docking manager. I tried to use templates but I can only override triggers with IsSelected property. But "IsSelected" on document tab header is not the right property to achieve my feature. I need a property like IsActive...
The Tab header's background and foreground can be changed using the properties HeaderForegroundSelected, SelectedHeaderBackground, FloatWindowSelectedHeaderBackground, FloatWindowSelectedHeaderForeground and DocumentTabControlStyle. Currently property like IsActive is not provided in DockingManager but we get the active document using ActiveWindow propertyin Docking Manager. We have prepared a sample for the same kindly download it from the following link,

Sample: ActiveHeader_Customize.zip

Please let us know if you need further assistance on this.

Regards,
Jessie

Loader.
Live Chat Icon For mobile
Up arrow icon