1. #1
    Ext User
    Join Date
    May 2007
    Posts
    10
    Vote Rating
    0
    alexma is on a distinguished road

      0  

    Question A question about image button

    A question about image button


    hi, all

    I got a little defect about the image button. When I put the cursor over the button, I find a unwanted border in the bottom of the button. Here are the screenshot.

    The normal state


    The state when put the cursor over



    the js code is like that:

    toolbar.add({
    id: 'add',
    cls: 'x-btn-text-icon test',
    text: FEATURE_SYSTEM_USER_TOOLBAR_BUTTON_ADD,
    disabled: false,
    handler: function() {
    UserDialog.showDialog(this, null, refreshGridCallback);
    }
    });

    the css class 'test' is

    .test .x-btn-text {
    background-image: url(/oa/images/btn_add.gif)
    }

    Can anyone give me some comments? Thanks.
    Attached Images

  2. #2
    Ext User
    Join Date
    May 2007
    Posts
    10
    Vote Rating
    0
    alexma is on a distinguished road

      0  

    Default


    Can anybody give me some advices? So many thanks.

  3. #3
    Ext User
    Join Date
    Jun 2007
    Posts
    1
    Vote Rating
    0
    ponkyonline is on a distinguished road

      0  

    Default


    Quote Originally Posted by alexma View Post
    Can anybody give me some advices? So many thanks.
    Code:
    toolbar.add({
    id: 'add',
    cls: 'x-btn-text-icon test',
    text: FEATURE_SYSTEM_USER_TOOLBAR_BUTTON_ADD,
    disabled: false,
    handler: function() {
    UserDialog.showDialog(this, null, refreshGridCallback);
    }
    });
    for the words that red in color
    change to
    Code:
    cls: 'x-btn-icon test',
    hope it can help you

  4. #4
    Ext User
    Join Date
    May 2007
    Posts
    10
    Vote Rating
    0
    alexma is on a distinguished road

      0  

    Default


    Quote Originally Posted by ponkyonline View Post
    Code:
    toolbar.add({
    id: 'add',
    cls: 'x-btn-text-icon test',
    text: FEATURE_SYSTEM_USER_TOOLBAR_BUTTON_ADD,
    disabled: false,
    handler: function() {
    UserDialog.showDialog(this, null, refreshGridCallback);
    }
    });
    for the words that red in color
    change to
    Code:
    cls: 'x-btn-icon test',
    hope it can help you

    Thank you ponky.
    Your solution works. But, it is used to create a image button and I want to create a image-text button. If I use this css, the text covers the image.
    Do you have any other suggestion for me?

  5. #5
    Ext User
    Join Date
    May 2007
    Posts
    10
    Vote Rating
    0
    alexma is on a distinguished road

      0  

    Default


    Can anyone give me more suggestions? thanks so much

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Look at button.css and how buttons are built when they are icons vs text w/icons. You'll have to modify some other classes.

  7. #7
    Ext User
    Join Date
    May 2007
    Posts
    10
    Vote Rating
    0
    alexma is on a distinguished road

      0  

    Default


    tryanDLS, thank you for your reply.

    I retest this issue in Ext 2.0.2 and it is still here, but I get it more clear. It occurs in this enviroment.

    1. FireFox 2.0 browser
    2. The text in button is Chinese
    3. The font-size is set to 12 px

    You know, in FF2.0, the default font size is 11px. It is so good for English but so bad for Chinese because it not clear. To solve it, it is necessary to set the font size to 12px. These are two way to do that. One is to use css and the other is changing the FF setting (mix font).No matter which way I choose, this issue occurs.

    In IE6, this issue does not occur.

    I think it may be caused by the sprite techonology used to Ext.Button. Can you give me some suggestion?

Thread Participants: 2

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