ExtJS主题修改Ext.panel.Panel

时间:2013-01-05 15:13:23

标签: javascript css extjs themes sass

我正在使用ExtJS 4.1.1a,我正在尝试为" tabbedPane"创建一个新主题。和一个普通的面板和"手风琴"布局。我无法更改每个标题的颜色。也就是说,选项卡的选项卡和背景以及手风琴面板的标题背景和字体颜色。您可以在http://robroscoe.ca查看当前设置。我试图让两者的标题都是带有白色文本的黑色背景,也许选中或活动的标签是导航栏中面包屑部分中使用的紫色背景。

应该注意的是,我正试图在ExtJS的SASS预处理器中设置所有内容,并且非常感谢任何直接修改此代替CSS的帮助。

1 个答案:

答案 0 :(得分:2)

如果你还没有,你应该首先熟悉ExtJS 4中的主题方法 - http://docs.sencha.com/ext-js/4-1/#!/guide/theming

一旦您对该过程有了很好的理解,我发现主题特定组件的最简单方法是查看文档。使用更新的文档,许多CSS mixins和组件的API一起被包含在内,因此可以很容易地弄清楚默认样式的应用方式,然后从他们的覆盖/创建自己的样式。以下是Ext.tab.Tab CSS mixin的示例:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab