Orbean Server端嵌入 - CSS问题

Question

我们正在尝试使用服务器端嵌入的Orbeon Form runner。

表单在表单运行器上正确呈现，但是在我们的java Web应用程序中，表单未正确呈现，即CSS问题。

从orbeon应用程序检索所有/ orbeon / *资源，但CSS未正确应用。我怀疑这可能是因为为嵌入式/ portlet添加了额外的div。

在表单运行器中

Full Size Image

在Java Web应用程序中

Full Size Image

另外，如果我们使用向导视图，它可以在form runner中使用，但在嵌入式java Web应用程序中不起作用。这些部分显示在同一屏幕上。

Answer 1

当Orbeon Forms生成整个页面时，它会在orbeon上添加body类，然后几乎所有与Orbeon Forms一起提供的CSS都以.orbeon …为前缀“ 。这样做是为了最大限度地降低Orbeon Forms的CSS与您自己的CSS冲突的风险。

我无法确定这是否存在问题，但如果在嵌入时CSS不适用，则可能需要在包含要嵌入的内容的元素上添加class="orbeon"。< / p>

Answer 2

感谢您的指导。我能够解决问题。

当embedding forms时，正如你所说orbeon重新生成CSS，并附加＆＃34; o0＆＃34; （＃o0xforms-form）到每个控件的id。但是，xforms.css仍然使用（id＃xforms-form）引用控件，因此样式未正确应用。

使用自定义app-xforms.css覆盖xforms.css，它使用（＃o0xforms-form）修复问题。