Extjs 3.4 - 按鈕圖標不顯示或不居中

我想用我創建的圖標填充一個按鈕，但無論我嘗試過什麼，似乎都會將圖標放在一半或一半左右，或者它沒有根本不顯示。我一直在嘗試CSS和圖標，iconcls，cls按鈕選項的不同組合。Extjs 3.4 - 按鈕圖標不顯示或不居中

我是繼分機3個按鈕example page但是這似乎並沒有顯示我什麼...

This code is an item inside my form panel (I try to replicate this with different buttons in the panel) 
{ 
        xtype: 'container', 
        layout: { 
         type: 'table', 
         columns: 2, 
         tableAttrs: { 
          cellspacing: 5 
         } 
        },     
//     padding: 5, 
        pack: 'center', 
        align: 'middle', 
        items: [{ 
         xtype: 'button', 
         width: 40, 
//      scale: 'medium', 
         ref: '../drawToolsBtn', 
         tooltip: 'Drawing Tools', 
         icon: 'img/draw.png', 
         iconAlign: 'top', 
         baseCls: 'x-plain', 
//      iconCls: 'drawBtn', 
         enableToggle: true, 
//      padding: 3, 
         toggleHandler: function(btn, state) 
         { 
          this.showDrawToolsWin(state); 
         }, 
         scope: this 
        },{ 
         xtype: 'label', 
//      columnWidth: 1, // remainder of container 
         padding: 3, 
         text: 'Click button to open Drawing Tools Menu' 
        }] 
       } 


CSS 
-------------------- 
.drawBtn{ 
    background: url(../img/draw.png) !important; 


}

感謝您的幫助！

來源

2012-10-04 Crushing

代碼似乎是正確的。驗證圖標的路徑。你在螢火蟲控制檯看到有任何ajax故障嗎？ – AJJ

圖標得到檢索，如果我添加一個文本：'繪製'到它正確顯示的按鈕（按鈕中心的圖標）。如果我沒有，它就像圖標被限制在按鈕的左半部分。 – Crushing

試試這個 .drawBtn background：url（../ img/draw.png）center right no-repeat！important; } – AJJ

.drawBtn{ 
    background-image: url(../img/draw.png) !important; 
}

來源

2012-10-05 03:54:10 AJJ

也試過了。沒有出現。 – Crushing

嘗試使用iconCls：按鈕屬性中的「drawBtn」？ – AJJ

是的，我真的嘗試了幾十個和幾十個配置。當我設置文本選項時，css運行良好，但這只是關於它。 – Crushing

Extjs 3.4 - 按鈕圖標不顯示或不居中

回答

相關問題