2013-01-05 102 views
1

我正在使用ExtJS 4.1.1a,并且我正尝试为“tabbedPane”和带有“Accordion”布局的普通面板创建新主题。我无法更改每个标题的颜色。也就是说选项卡和选项卡的背景以及手风琴面板的标题背景和字体颜色。您可以在http://robroscoe.ca处看到当前设置。我试图让这两个标题都是黑色的背景,并且可能是选定的或活动的选项卡是导航栏中面包屑部分使用的垫子紫色。ExtJS主题修改Ext.panel.Panel

需要注意的是,我试图在ExtJS的SASS预处理器中设置所有的东西,并且任何帮助修改这个而不是直接的CSS将非常感谢。 http://docs.sencha.com/ext-js/4-1/#!/guide/theming

一旦你的过程有很好的了解,我发现最简单的方法 -

+0

您正在使用的相关Sass代码在哪里? – cimmanon

回答

2

如果你还没有,你应该通过自己熟悉与做法,ExtJS的4到主题化启动主题特定的组件是通过查看文档。通过更新的文档,许多CSS mixins都与组件的API一起包含在内,因此可以很容易找出如何应用默认样式,然后从它们中覆盖/创建自己的样式。以下是一个Ext.tab.Tab CSS混搭的例子:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab

+0

谢谢!这非常有用 – badrobit