макет темы ofbiz: изменить порядок компонентов главного экрана

Я пытаюсь изменить места компонентов ofbiz, таких как панель приложений и места основного контейнера, я знаю, что, возможно, это могут быть изменения из /common/widget/CommonScreens.xml или что-то в этом роде (например, другой файл xml), мне не повезло найти какой файл отвечает за рендеринг "приложение-навигация" и просто заблудился.

Итак, я надеюсь найти ответ здесь, я хочу изменить макет. Интерфейс по умолчанию выглядит так: макет интерфейса по умолчанию

Я хочу (я сделал это с помощью firebug): needed layout

Как я могу это сделать?? или, другими словами, с чего я могу начать это делать?

Оставьте CSS и HTML для меня, я просто хочу начать с того, чтобы отредактировать макет темы так, как я объяснил на предыдущем снимке экрана.

Извините, если я не могу дать вам то, что хочу, ясно, что мой английский не помог мне сегодня :), но вы можете спросить меня в комментариях о чем-нибудь, если это еще не ясно.


person Al-Mothafar    schedule 08.08.2012    source источник


Ответы (2)


взгляните на другие темы в OFBiz. Тема bizness_time уже использует подобный макет.

Ваше здоровье

person Erwan    schedule 08.08.2012
comment
Спасибо, но я хочу научиться делать это, а не видеть это :) - person Al-Mothafar; 09.08.2012
comment
создайте новую тему, скопировав ту, которую хотите изменить. вы можете использовать эту страницу, чтобы помочь вам: cwiki.apache. org/confluence/display/OFBIZ/ - person Erwan; 09.08.2012
comment
Я знаю, как создать тему, я скопировал тему Flatgary, она мне нравится, а во-вторых, я сказал, что хочу узнать, что, если я хочу сделать макет в 3 столбца. - person Al-Mothafar; 09.08.2012
comment
Я сделал то, что вы сказали, я имею в виду, что я пошел в бизнес-тему и посмотрел, как они сделали макет, совершенно другой! его просто разделить основную навигацию на 2 части !! - person Al-Mothafar; 22.08.2012

Я решил свою проблему, с моей стороны была небольшая ошибка, и я внес некоторые изменения;

В файле 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">
...

Просто :)

person Al-Mothafar    schedule 23.08.2012