使用CSS设置Sencha Touch表单的样式 - 如何找到元素?

时间:2011-05-31 07:25:20

标签: css forms sencha-touch

我开始使用Sencha Touch,我对这个强大工具的Javascript元素有了相当不错的处理。但我最近来到CSS部分,我恐怕无法弄清楚如何准确地设计它。

我可以猜到一些元素,我知道其他一些因为我创造了它们。但我无法查看生成的源或检查DOM,甚至不使用FireMobileSimulator或某些此类插件。因此,当我尝试设置我的表单元素时,我发现我无法将标签和输入字段浮动,例如,我无法确切地诊断它为什么不起作用。

有人知道吗?谢谢! SS

2 个答案:

答案 0 :(得分:3)

嘿StormShadow。 为了编辑Sencha组件的样式,你可以学习SASS,事实上,Sencha Touch就像新的Ext 4框架一样,使用SASS和COMPASS来创建它们的主题,你也可以创建自己的主题。我知道在开始时你可能会“害怕”使用这些新技术,但我向你保证,你可以通过编辑一个简单的变量来改变整个应用程序。 但是,如果你想错过这个好机会,我建议你看一下这个文件 在Sencha Touch根目录中“ resources \ themes \ stylesheets \ sencha-touch \ default \ widgets_form.scss ”,了解如何创建组件以及将GUI类用于表单组件。然后你可以尝试通过黑客攻击Sencha Touuch主题CSS来编辑它们。

但我警告你:这不是Sencha的做法。 如果你想成为一名伟大的Sencha Touch开发者,你必须学习SASS。 这真的很容易,值得学习!

希望这有帮助。

答案 1 :(得分:2)

你也可以使用less,而不是指南针来生成你的CSS(毕竟它只是CSS!)

LESS可以在客户端或服务器端实现,因此您不必靠近Ruby。

Less Website