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

style of tab when autohide is on

i want to change my style of the sidebar

my text is gone in the side panel and the white area needs to be green and the green area white.

my original sidepanel looks like this:


after apply any sidepanel/sidtabitem coloring the text is gone and because the tabitem needs to be green I want to display than the text in white bold and bigger font size

5 Replies

GT Gokul Thanudhas Syncfusion Team December 7, 2022 08:56 AM UTC

Hi KlicConverter,

The Tabitem of the autohide can be customized using SideTabItemForeground, SideTabItemBackground and SideItemStyle. We have created a simple sample based on your requirement. Please refer to the sample for your reference.


Gokul T

Attachment: DockingManager_f97061a0.zip

UN Unknown December 7, 2022 04:39 PM UTC

unfortunately, doesn't make any difference

HN Harinath Navaneethakrishnan Syncfusion Team December 9, 2022 04:55 AM UTC

Hi KlicConverter,

We have provided a sample to modify the forecolor, backcolor, and font weight of the autohide tab in our previous update. Could you please elaborate on your requirement with the following details?

  1. What are the items you want to customize in the autohide tab with the image
  2. Theme that you are using


Harinath N

UN Unknown January 22, 2023 01:07 PM UTC

it partly worked, probably because I use the office2019White-style

i would be nice to have an icon in the sidepanel as well

I tried this example but my tabs never get orange either...


so if you have an idea how I can get an image into my sidetab that would be great.

GT Gokul Thanudhas Syncfusion Team January 25, 2023 02:19 PM UTC

You can add the icon for the sidetabItem using the icon property. We have created a simple for styling the sidepanel and adding icon in Office2019theme. Please refer to the sample for your reference

Attachment: DockingManager_21ad1564.zip

Live Chat Icon For mobile
Up arrow icon