Change Vertical text title color from collapsed panel on a border layout.

[mysticav]

I want to change the text color of the vertical title of a collapsed panel.

The default color is black. I want to change it to white.

How can I do that from SASS variable ?

Please see attachment so you can see what I'm talking about. You can barely see the black text on the image, because of the blue background.

Thanks.

Screen Shot 2012-11-02 at 10.25.53 PM.png

[skirtle]

It depends a little on which ExtJS version you're using.

Vertical headers use the draw package, which doesn't respect CSS. To get around this it reads the CSS color from a horizontal header and uses that. However, if the value it finds isn't a valid SVG color it'll fall back to black.

I suspect what's happened is that you've used a shortcut when you specified the white text color for your headers. Try writing it as the full six-digit hex, #ffffff.

[mysticav]

Hi,

Unfortunately, that's not the case. I'm using #FFFFFF

$panel-header-color: #FFFFFF;

Any other suggestion ?

I'm using 4.1.1

Thanks fot your help.

[mysticav]

Guess what ?

The access theme that comes with extjs has the same problem.

So, is it really possible ? is it an extjs limitation ?

[mysticav]

Any Idea on this problem ?

The Access theme has the same problem. Seems to be a bug.

[mysticav]

Any idea ? should this be reported as a bug ?

[Animal]

In 4.2, vertical headers are regular text elements, so will respond to CSS.

So in a few weeks, this problem will be solvable.

[mysticav]

Thanks!