layout - 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">
...

简单地 ：）