1. #1
    Ext User
    Join Date
    Jan 2010
    Posts
    9
    Vote Rating
    0
    zch_heero is on a distinguished road

      0  

    Default How to show the tooltip of button with a long width but a short text?

    How to show the tooltip of button with a long width but a short text?


    I have a button like this:
    new Ext.Button({
    text:'To',
    minWidth:130,
    tooltip:'My tip'
    });

    The button is long but its text is short. The situation is the tooltip will only show when I move mouse over its text but not its body.
    Could anyone help me ?

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    Default


    You could try:
    Code:
    .x-btn button {width: 100%;}
    (unfortunately doesn't work on IE6/7 quirks and IE6 strict)

  3. #3
    Ext User
    Join Date
    Jan 2010
    Posts
    9
    Vote Rating
    0
    zch_heero is on a distinguished road

      0  

    Smile


    Quote Originally Posted by Condor View Post
    You could try:
    Code:
    .x-btn button {width: 100%;}
    (unfortunately doesn't work on IE6/7 quirks and IE6 strict)
    Thank you, Condor. It works fine in IE.
    But I still have some problems:
    1. If I want some buttons but not all to have "text-align = left", what should I do? Can I do some configurations on HTML element <button> when I new Ext.Button?
    2.Another problem is if I override the css class like above, buttons in toolbar are hudded in FIREFOX(version 3.5), how could I fix this?

  4. #4
    Ext User
    Join Date
    Jan 2010
    Posts
    9
    Vote Rating
    0
    zch_heero is on a distinguished road

      0  

    Default


    OK. I got it. Just add a class like
    .text-left-button button{
    width: 100% !important;text-align: left;
    }
    And buttons apply cls:'text-left-button'

Similar Threads

  1. Replies: 6
    Last Post: 12 Aug 2010, 9:40 AM
  2. Overflow ToolBar menu show Tooltip Text instead Text
    By terciofilho in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 7 Aug 2009, 11:22 AM
  3. how to show button tooltip
    By lalit_ce in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 12 Jun 2009, 6:55 AM
  4. Replies: 6
    Last Post: 22 Apr 2008, 11:11 PM
  5. How to handle long text in Ext.Msg.show? Add scrollbars?
    By maya in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 1 Aug 2007, 12:53 AM

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar