1

我有这个要求,我必须更改我的 Ext JS 应用程序的默认样式。我不是在谈论更改 CSS 文件中的内容。我还没有那么雄心勃勃。这是我正在寻找的:

  1. 假设我需要一个提交和取消按钮,我使用 xtype:button 和 text:Save (或 Cancel )。这将呈现带有文本的按钮。如果我想改变按钮的外观和感觉应该怎么做?或者用很酷的保存或取消图像替换按钮?

  2. 现在,我在应用程序上拥有 ExtJS 显示的默认字体的所有文本。如果我想将应用程序上的所有文本更改为不同的字体,我应该怎么做?表单/网格中的数据和每个组件的标题中的所有内容都应该更改为我的客户喜欢的其他字体。我应该做些什么?

我知道这些是非常基本和通用的问题,但在继续我的任务之前,我正在寻找一个好的提示。

谢谢大家。等待答案:)

更新:所以,我发现了我们如何处理 CSS 和更改字体。任何人都可以帮助更改提交/取消按钮的外观和感觉。

4

2 回答 2

0

如果您还没有准备好使用 SASS 进行主题化,请查看 sencha 文档中的按钮配置示例:

独立示例页面: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 类来将所需的图像添加到您的按钮。

于 2013-07-16T18:00:53.703 回答
0

I recommend you to use SASS and compass to build your own themes, or better said to change one the existing themes. In the Ext JS documentation you can find the css variables which you can set according to your needs.

于 2013-07-13T22:05:50.633 回答