使Rally按钮和Rally combobox内联

Question

我正在尝试做基本的CSS与集会组件。目前我正致力于让xtype 'rallybutton‘与xtype 'rallyiterationcombobox’内联。我正在使用一个CSS文件，它成功地更新/更改了我手动设置了类名的应用程序的其他部分，但rally组件上的预设类似乎不能用我的css文件编辑。我正在使用Chrome的调试器来查找每个组件上的类名- rally按钮有多个类名，这取决于您在html中查找的位置: x-btn或x-btn-inner，rallyiterationcombobox具有以下内容: x-form-text，x-form-触发器-wrap，x-form-item-body，以及其他几个。

我正在尝试使用如下所示的CSS函数：

.[buttonClass], .[comboboxClass] {
    display: inline;
}

具有引用按钮和组合框的类的不同名称组合。当我把类名放进去的时候，我删除了括号。如果你能帮我指出我的错误所在，我将不胜感激！

Answer 1

事实证明，我使用的两个组件，rallyiterationcombobox和rallybutton，被放在我的应用程序中的两个不同的容器中。Ext在幕后做了一些魔术，试图将每个组件放在页面的各自部分，所以试图将它们放在一起会导致问题。为了解决这种情况，我们将两个组件放入同一个容器中，并从那里进行格式化。在每个组件定义中，我们使用了以下代码

cls: 'className'

创建一个名为'className‘的类，然后可以在css文件中引用它。在css文件中，我们使用了以下代码

.className1 {
    float: left;
    display: inline;
}
.className2 {
    float: left;
    display: inline;
    margin-left: 10px;
}

水平设置同一行中的每个组件，使两个组件都在应用程序的左侧对齐，并将具有'className2‘的组件与具有'className1’的组件右侧的10个像素对齐。