Использование CSS для стилизации формы Sencha Touch - как найти элементы?

Question

Я начинаю с Sencha Touch и получаю довольно приличное управление элементами Javascript этого мощного инструмента. Но недавно я перешел к части CSS, и боюсь, что не могу понять, как правильно ее стилизовать.

Я могу догадаться о некоторых элементах и ​​знаю некоторые другие, потому что я их создал. Но я не могу смотреть на сгенерированный источник или исследовать DOM, даже не используя FireMobileSimulator или какой-либо такой плагин. Поэтому, когда я, скажем, пытаюсь стилизовать свои элементы формы и обнаруживаю, что не могу, например, всплыть надписи и поля ввода, у меня нет возможности точно определить, почему это не работает.

Кто-нибудь знает? Спасибо! SS

Answer 1

Эй, Штормовая Тень. Чтобы отредактировать стиль компонентов Sencha, вы должны изучить SASS, фактически Sencha Touch, точно так же, как новая среда Ext 4, использует SASS и COMPASS для создания их тем, и вы можете сделать то же самое, создавая свои собственные. Я знаю, что вначале вы могли бы «напугаться» за использование этих новых технологий, но уверяю вас, что вы сможете изменить все приложение, отредактировав простую переменную. Однако, если вы хотите упустить эту прекрасную возможность, я предлагаю вам взглянуть на этот файл « resources \ themes \ stylesheets \ sencha-touch \ default \ widgets_form.scss » внутри корневого каталога Sencha Touch, чтобы иметь представление о том, как создается компонент, и какие классы CSS используются для компонентов формы. Затем вы можете попробовать отредактировать их, взломав тему Sencha Touuch CSS.

Но я предупреждаю вас: это не способ Сенча сделать это. если вы хотите стать отличным разработчиком Sencha Touch, вы должны изучить SASS. Это действительно легко, и это действительно стоит учиться!

Надеюсь, это поможет.

Answer 2

вы также можете использовать меньше, чем компас, чтобы генерировать ваш CSS (в конце концов, это просто CSS!)*

Меньше веб-сайта