Page 3 of 4 FirstFirst 1234 LastLast
Results 21 to 30 of 32

Thread: Ext.ux.PanelCollapsedTitle - Cross-browser vertical text

  1. #21
    Ext JS Premium Member
    Join Date
    May 2008
    Location
    New York, NY
    Posts
    113
    Vote Rating
    13
      0  

    Default

    woah, nicely done!

  2. #22
    Sencha User
    Join Date
    Mar 2011
    Location
    Argentina
    Posts
    36
    Vote Rating
    0
      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
      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
    582
    Vote Rating
    142
      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
      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
      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
      0  

    Default

    Very useful, thanks

  8. #28
    Sencha User
    Join Date
    Oct 2010
    Posts
    1
    Vote Rating
    0
      0  

    Default Awesome!

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

  9. #29
    Sencha User
    Join Date
    Apr 2007
    Posts
    68
    Vote Rating
    0
      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
    582
    Vote Rating
    142
      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

Page 3 of 4 FirstFirst 1234 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •