ExtJS - Изменение стилей и шрифтов по умолчанию по умолчанию

Question

У меня есть это требование, когда мне нужно изменить стили по умолчанию в моем приложении Ext JS. Я еще не говорю об изменении вещей в файлах CSS. Я еще не настолько амбициозен. Вот то, что я ищу:

1. Предположим, мне нужно Submit и Отмена, я использую xtype: кнопки и текст: Сохранить (или Отмена). Это отобразит кнопки с текстом на них. Что делать, если я хочу изменить внешний вид кнопки? Или замените кнопку прохладным Сохранить или Отменить изображение?

2. Прямо сейчас у меня есть все тексты приложения с шрифтом по умолчанию, который показывает ExtJS. Что я должен делать, если я хочу, чтобы весь текст приложения изменился на другой шрифт? Все прямо из данных в формах/сетках и названиях каждого компонента должно быть изменено на другой шрифт, который предпочитает мой клиент. Что я должен сделать?

Я понимаю, что это очень простые и общие вопросы, но я ищу хороший хэдшоп, прежде чем продолжить свою задачу.

Благодарим вас заблаговременно. В ожидании ответов :)

Обновление: Итак, я узнал, как мы работаем с CSS и меняем шрифты. Может ли кто-нибудь помочь в выборе Chaning для кнопок Submit/Cancel.

Answer 1

Я рекомендую вам использовать SASS и compass, чтобы создавать свои собственные темы или лучше сказать, чтобы изменить одну из существующих тем. В Ext JS documentation вы можете найти переменные css, которые вы можете установить в соответствии с вашими потребностями.

Answer 2

Если вы не готовы к тематизации с SASS просто еще посмотрите на этот пример кнопки конфиги из Сенча документы:

Stanadalone Пример страница: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.html

CSS, который добавляет настроить изображения на кнопках: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.css

JS, который показывает кнопки конфиги: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.js

По существу это показывает, как использовать свойство iconCls в конфигурации кнопки вместе с простым классом CSS для добавления желаемого изображения к вашей кнопке.