Thank you for your response.
I asked the question because the webkit code doesn't work this way in the Dock manager, but it works on other elements in the project.

Therefore the question is how to apply the webkit specifically to, for example, igc-dockmanager::part(content-pane)? That is within the support of Infragistics 🙂

Thank you in advance.

Thanks for your help Bozhidara.

We finally figured out what the bug was. It had to do with an older version of Chrome. Now it's resolved. 🙂

Just another quick question. On which part of the dock manager can you (cross browser compatible) indicate that the scrollbar should be thin?

Thank you for your response Bozhidara.

Unfortunately your example doesn't work. The active states also don't work there either with the code:

:host{
::ng-deep {
igc-dockmanager::part(pane-header active) {
box-shadow: inset 0 -2px 0 0 #f3c599;
color: #f3c599;
}
}

etcetera…

Can you send a working example in CodeSandbox or similar tool?

Thanks in advance!

Hi Bozhidara,

We have set up the Dock Manager and custom styling exactly as the documentation and example describe. But unfortunately it still doesn't work properly.

We work with Angular, the example you indicated is not set up in Angular. We would like to see a working Angular example so that we can look at this next to our own code.

Thanks in advance for your cooperation.

Best regards,
Marieke

Hi Bozhidara,

Thank you for your response and explanation.

We do not use tab headers in the application.
::part(pane-header) in the css works fine in the project, but the active state does not. This also applies to ::part(pane-header-content), which works fine, but ::part(pane-header-content active) does not. Do you have any idea what this could be? I may not be the first to run into this.

(I have also put the code in the example, it also works properly there.)

I look forward to your response.
Thanks in advance.

Thank you for the response Bozhidara!
This works for me.

Yet, I want to change the color of the box-shadow in the pane header when it is active.
I wrote the css on this way, but it doesn't work:

igc-dockmanager::part(pane-header active) {

  box-shadow: inset 0 -2px 0 0 #f3c599;

  color: #f3c599;

}

Can you see what's wrong with this code?

Best regards,

Marieke