Results 1 to 2 of 2

Thread: Buttons With Icons from Sprite

  1. #1

    Default Buttons With Icons from Sprite

    I'm trying to add Icons to buttons with sprites.

    I have tried several contortions to get this working.

    Doesn't work.
    Code:
    .icon-icon {
        border: 0;
        height: 16px;
        width: 16px;
        background-image: url(../images/icons/icons.png) !important;
        background-repeat: no-repeat !important;
    }
    .icon-link_user {
        background-position: -2px -2px !important;
    }
    Code:
            this.accept = new Ext.Button({
                    scope: this
                    ,iconCls: 'icon-icon icon-link_user'
                    ,renderTo: 'panel'
            });
    If anyone has a solution I would love to see it.

  2. #2
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    631

    Default

    Do you need to give height & width on your background-position? Here is what I've done.

    .ecxp-standard .navigateSprite { background: url(images/navigateSprite.png) no-repeat top left; }
    .ecxp-standard .navigateFirst { background-position: 0 0; width: 16px; height: 16px; }

Posting Permissions

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