2012-08-08 60 views
0

我試圖改變ofbiz組件的地方像應用程序欄和主要容器的地方,我知道也許可以從/common/widget/CommonScreens.xml更改或類似的東西(如另一個XML文件),我累了,但沒有運氣找到負責渲染「app-navigation」的文件,只是我迷失了方向。ofbiz主題佈局:重新排序主屏幕組件

所以我希望在這裏找到我的答案,我想改變佈局, 默認界面是這個樣子: default interface layout

我想是(我做了這個使用Firebug): needed layout

我該怎麼做?或換言之,我可以從哪裏開始做到這一點?

離開我的CSS和HTML端,我只想從頭開始,編輯主題佈局就像我在前面的截圖中解釋的。

對不起,如果我不能給你我想清楚我的英文今天沒有幫助我:)但你可以問我評論任何東西,如果還不清楚。

回答

0

我解決我的問題,有一個從我身邊一點點錯誤,我做了一些修改;

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

簡單:)

0

看看OFBiz的其他主題。 bizness_time主題已經使用了類似的佈局。

乾杯

+0

謝謝,但我想學習如何做到這一點,沒有看到:) – 2012-08-09 07:41:33

+0

創建一個新的主題,通過複製要修改的一個。你可以使用這個頁面來幫助你:https://cwiki.apache.org/confluence/display/OFBIZ/Visual+Themes+-+How+to – Erwan 2012-08-09 08:00:20

+0

我知道創建主題的方式,我複製了flatgary主題,我喜歡它第二件事,我說我想學習,如果我想製作佈局3列的話。 – 2012-08-09 09:06:50