1. #1
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

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

    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.

    Thanks.

    Screen Shot 2012-11-02 at 10.25.53 PM.png
    Using Ext with cachefly
    Working on LAMPExt

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,605
    Vote Rating
    326
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    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. #3
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

    Default


    Hi,

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

    Code:
    $panel-header-color: #FFFFFF;
    Any other suggestion ?

    I'm using 4.1.1

    Thanks fot your help.
    Using Ext with cachefly
    Working on LAMPExt

  4. #4
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

    Default


    Guess what ?

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

    So, is it really possible ? is it an extjs limitation ?
    Using Ext with cachefly
    Working on LAMPExt

  5. #5
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

    Default


    Any Idea on this problem ?

    The Access theme has the same problem. Seems to be a bug.
    Using Ext with cachefly
    Working on LAMPExt

  6. #6
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

    Default


    Any idea ? should this be reported as a bug ?
    Using Ext with cachefly
    Working on LAMPExt

  7. #7
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


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

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

  8. #8
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    478
    Vote Rating
    5
    mysticav is on a distinguished road

      0  

    Default


    Thanks!
    Using Ext with cachefly
    Working on LAMPExt

Thread Participants: 2