ofbiz主题布局：重新订购主屏幕组件

Question

我正在尝试更改ofbiz组件的位置，例如应用程序栏和主容器位置，我知道也许可以从/common/widget/CommonScreens.xml或类似的东西（例如另一个xml文件）进行更改，我厌倦了没有运气找到负责渲染“应用程序导航”的文件，只是我迷失了方向。

所以我希望在这里找到答案，我想改变布局， 默认界面如下所示：

我想要的是（我用萤火虫制作的）：

我怎么能这样做？或者换句话说我可以从那里开始做到这一点？

为我留下CSS和HTML方面，我只是想要开头，编辑主题布局就像我在上一个屏幕截图中解释的那样。

抱歉，如果我不能清楚地告诉你我的英语，我的英语今天对我没有帮助:)但如果不清楚，你可以在评论中提问我。

Answer 1

看看OFBiz中的其他主题。 bizness_time主题已经使用了类似的布局。

干杯

Answer 2

我解决了我的问题，我身边有一点错误，我做了一些修改;

在CSS文件中：

#app-navigation {
...
/* border-top: 0.1em solid #3E5A71; */ /*Removed*/
...
width: 200px; /*Added*/
float: left; /*Added*/
}
...
#app-navigation ul li ul li {
...
/* float: left;
 display: inline; */ /*Removed*/
...
}

/*Added*/
#container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

在模板中

在appbar.ftl或appbarOpen.ftl：

<div id="container"> <!-- This is the Line that I Added -->

<#if userLogin?has_content>
...

并在footer.ftl：

</div> <!-- This is the Line that I Added -->

<div id="footer">
...

简单地说：）