Sencha touchテーマ：ボタンアイコンをカスタマイズする方法は？

Question

アプリのSencha touchテーマをカスタマイズするためにsass/compassを使用しようとしています。しかし、私はボタンのアイコンを正しく設定する方法を見つけることができませんでした。

@import '../resources/themes/stylesheets/sencha-touch/default/_all'; 
$include-default-uis: false; 
$include-default-icons: false; 
@include sencha-toolbar-ui('basebar',#CEDFF5,'glossy'); 
@include sencha-toolbar-ui('btmbase',#FFFFFF,'glossy'); 
@include sencha-button-ui('base',#FFFFFF,''); 
@include pictos-iconmask('settings'); 
@include pictos-iconmask('features'); 
@include pictos-iconmask('layer'); 
@include pictos-iconmask('identify'); 
@include pictos-iconmask('location'); 
$base_color:#CEDFF5; 
$active-color: darken(saturate($base-color, 55%), 90%); 
$alert-color:#54E344; 
$button-radius:0; 
$list-active-color:#E34457; 
$list-pressed-color:#4457E3; 
@include sencha-panel; 
@include sencha-form; 
@include sencha-buttons; 
@include sencha-toolbar; 
@include sencha-list; 
@include sencha-layout; 
@include sencha-msgbox; 

デフォルトのアイコンの使用を無効/有効にしても、私が使用したアイコンはまだ表示されません。

上記のスタイルを使用すると、Ext.Msg.alertメッセージボックスのUIが失われ、ボタンが表示された透明パネルのみが失われるという別の問題があります。

誰でも私にいくつかのヒントを与えることができますか？

Answer 1

$include-default-uis: falseがメッセージボックスを空白にしているので、デフォルトのものを無効にする場合は、独自のcssクラスを作成する必要があります。

アイコンが表示されない場合は、デフォルトのアイコンを無効にしていますが、特定のものも含めています。scssファイルをコンパイルするときにイメージが見つからないというエラーメッセージが表示されない場合、あなたがボタンの上にiconClsを設定した場合、ボタンのコードで...またこんにちは、お返事に感謝を。

{ iconCls: 'settings', iconMask: true, ui: 'plain' }