1. #21
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    New York, NY
    Posts
    92
    Vote Rating
    0
    imran is on a distinguished road

      0  

    Default


    woah, nicely done!

  2. #22
    Sencha User
    Join Date
    Mar 2011
    Location
    Argentina
    Posts
    36
    Vote Rating
    0
    gustavo21 is on a distinguished road

      0  

    Default


    This is a GREAT plugin, and this post deserves to come alive. Thanks

  3. #23
    Sencha User
    Join Date
    Mar 2011
    Location
    Argentina
    Posts
    36
    Vote Rating
    0
    gustavo21 is on a distinguished road

      0  

    Default


    Hi, this doesn't work on adobe air... when i collapse the panel, just show the firtst char, not rotate. Any help??

    Thanks.

  4. #24
    Ext JS Premium Member
    Join Date
    Aug 2007
    Location
    Antwerp, Belgium
    Posts
    562
    Vote Rating
    53
    joeri is a jewel in the rough joeri is a jewel in the rough joeri is a jewel in the rough joeri is a jewel in the rough

      0  

    Default


    Adobe Air doesn't support SVG, so the fallback path for IE is triggered.

    You could try adding something like this after the "writing-mode" style: -webkit-transform: rotate(90deg);

    However, you may have issues with bad alignment if you do that, so you may have to toy around with the top and left styles in that case.

  5. #25
    Sencha User
    Join Date
    Mar 2011
    Location
    Argentina
    Posts
    36
    Vote Rating
    0
    gustavo21 is on a distinguished road

      0  

    Default


    Thanks! but i have a question... where should i write "style: -webkit-transform: rotate(90deg);"?? jeje

    I do:

    // use writing-mode for vertical text
    titleElemStyle +=
    'white-space: nowrap; writing-mode: tb-rl; top: 1px; left: 3px; style: -webkit-transform: rotate(90deg)';


    And do nothing... any else??

    Thks

  6. #26
    Sencha User
    Join Date
    Mar 2011
    Location
    Argentina
    Posts
    36
    Vote Rating
    0
    gustavo21 is on a distinguished road

      0  

    Default


    Soy Groosssooo jeje

    Here is what i did:

    In index.html:
    HTML Code:
    .x-panel-header-rotated {
        -webkit-transform: rotate(90deg) !important;
    }

  7. #27
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    1
    Vote Rating
    0
    Gariq is on a distinguished road

      0  

    Default


    Very useful, thanks

  8. #28
    Sencha User
    Join Date
    Oct 2010
    Posts
    1
    Vote Rating
    0
    zeraien is on a distinguished road

      0  

    Default Awesome!

    Awesome!


    Just implemented it with ext 3.4.0, works great! Thanks!

  9. #29
    Sencha User
    Join Date
    Apr 2007
    Posts
    66
    Vote Rating
    0
    cgi-bin is on a distinguished road

      0  

    Default


    Was this ever updated to work with ExtJS 4?

  10. #30
    Ext JS Premium Member
    Join Date
    Aug 2007
    Location
    Antwerp, Belgium
    Posts
    562
    Vote Rating
    53
    joeri is a jewel in the rough joeri is a jewel in the rough joeri is a jewel in the rough joeri is a jewel in the rough

      0  

    Default


    Quote Originally Posted by cgi-bin View Post
    Was this ever updated to work with ExtJS 4?
    No, I still haven't made the leap to ExtJS 4. Our whole team is dug in building two huge modules on top of our ExtJS 3 codebase so we don't have the manpower to move to ExtJS 4 without incurring huge delays. Maybe in fall after the systems are built we'll have an opportunity to make the switch. Ofcourse, by then we'll have several hundred thousand lines of ExtJS code to port, so that's going to be a lot of fun