2 Nov 2012 9:33 PM #1
Change Vertical text title color from collapsed panel on a border layout.
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.
Screen Shot 2012-11-02 at 10.25.53 PM.png
3 Nov 2012 8:29 AM #2
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.
3 Nov 2012 12:19 PM #3
Unfortunately, that's not the case. I'm using #FFFFFF
I'm using 4.1.1
Thanks fot your help.
3 Nov 2012 7:17 PM #4
Guess what ?
The access theme that comes with extjs has the same problem.
So, is it really possible ? is it an extjs limitation ?
14 Nov 2012 8:32 PM #5
Any Idea on this problem ?
The Access theme has the same problem. Seems to be a bug.
26 Nov 2012 5:05 PM #6
Any idea ? should this be reported as a bug ?
26 Nov 2012 10:38 PM #7
- Join Date
- Mar 2007
- Notts/Redwood City
- Vote Rating
In 4.2, vertical headers are regular text elements, so will respond to CSS.
So in a few weeks, this problem will be solvable.Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
27 Nov 2012 11:17 AM #8