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,246
    Vote Rating
    89
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi