Sencha touch theme: как настроить значок кнопки?

Question

Я пытаюсь использовать sass/compass для настройки темы Touch Sencha для моего приложения. Однако я не мог найти способ правильно настроить значки для кнопок.

@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 теряет свой интерфейс, появляется только прозрачная панель с кнопкой.

Любой может дать мне несколько советов?

Answer 1

$include-default-uis: false заставляет ваше поле msg быть пустым, вам нужно создать свой собственный класс css, если вы собираетесь отключить стандартные.

Что касается иконки, которые не отображаются, вы отключите по умолчанию, но включаете некоторые конкретные. Предполагая, что вы не получаете сообщений об ошибках, связанных с неотображением изображений при компиляции файла scss, проблема, вероятно, с кнопкой кодой ... если вы установите iconCls на кнопке забудьте также установить iconMask: true попробовать сделать кнопку с этой конфигурацией и посмотреть, если он работает ..

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