Results 1 to 6 of 6

Thread: Text overlays icon in status bar

  1. #1
    Ext User
    Join Date
    Mar 2009
    Location
    Russia
    Posts
    19

    Default Text overlays icon in status bar

    Hi!
    I have a following status bar in the grid:
    Code:
    bbar: new Ext.StatusBar({
                id: 'status',
                text: 'Ready',
                iconCls: 'ready-icon'
    })
    ready-icon class definition:
    Code:
    .ready-icon {
            background-image:url(images/accept.png) !important;
    }
    However the status bar looks incorrectly (see attachment). What class should I add or maybe there is another solution?
    Attached Images Attached Images

  2. #2
    Sencha User
    Join Date
    Jan 2008
    Location
    FL
    Posts
    48

    Default

    Try adding this bit of css:

    Code:
    .ready-icon {
        background-repeat: no-repeat;
        background-image:url(images/accept.png) !important;
    }
    
    .x-statusbar .x-status-text {
        padding:0 4px 0 20px;
    }

  3. #3
    Ext User
    Join Date
    Mar 2009
    Location
    Russia
    Posts
    19

    Default

    Thanks so much! I just added background-position: left center; to the css you provided and it worked as I intended. But I am still curious why that happened, it seems to me that it is Ext's bug.

  4. #4
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996

    Default

    Where did you get code for statusbar? Did you include the css?

    Statusbar will not be provided in Ext 3 by the way.

  5. #5
    Ext User
    Join Date
    Mar 2009
    Location
    Russia
    Posts
    19

    Default

    I got the code from API documentation, but no additional css was mentioned here. Why will status bar be removed in Ext3? I think it is an essential part of UI.

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854

    Default

    Quote Originally Posted by Raz0r View Post
    I got the code from API documentation, but no additional css was mentioned here. Why will status bar be removed in Ext3? I think it is an essential part of UI.
    This was just discussed the other day - http://extjs.com/forum/showthread.ph...tusbar+toolbar

Posting Permissions

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