Тема Sencha Touch: как настроить значок кнопки? - PullRequest
Новая
       14

Тема Sencha Touch: как настроить значок кнопки?

0 голосов
/ 29 августа 2011

Я пытаюсь использовать sass / compass для настройки сенсорной темы 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 теряет свой интерфейс, отображается только прозрачная панель с кнопкой.

Кто-нибудь может дать мне несколько советов?

1 Ответ

4 голосов
/ 29 августа 2011

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

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

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