Как вы аккуратно выравниваете элементы в Oracle Apex? - PullRequest
Новая
       28

Как вы аккуратно выравниваете элементы в Oracle Apex?

2 голосов
/ 02 декабря 2011

Мне сложнее всего выровнять вещи в Oracle Apex ... в основном некоторые страницы выглядят нормально, но некоторые выглядят так:

enter image description here

Это с учетом того, что всемои страницы имеют одинаковые настройки шаблона / региона / столбца: enter image description here

Что я делаю неправильно?!

РЕДАКТИРОВАТЬ:

Я получил позиционирование, чтобы статьнемного лучше: enter image description here

Вот информация о шаблоне: enter image description here

1 Ответ

2 голосов
/ 05 декабря 2011

Это может быть шаблон вашей страницы.Я импортировал тему «Зеленая весна» и попробовал ее.Поскольку вы используете вкладки и используете только шаблоны apex, возможно, вы выбрали One level tabs - Left sidebar (fixed width / DIV based).Это объясняет, почему ваш регион «Добавить нового пользователя» «толкается» вправо.Когда вы добавляете другой регион, он, вероятно, тоже будет выталкиваться.Ваш регион меню, который не устанавливается, может быть расположен в другом месте шаблона, перед боковой панелью.

  • Проверьте точку отображения обоих регионов: они одинаковы?
  • Имеет ли шаблон вашей страницы боковую панель фиксированной ширины?

Итак, вот код для шаблона тела шаблона One Level Tabs - Left Sidebar (fixed-width / DIV based): 

<div id="header">
  <div id="logo"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div>
  #REGION_POSITION_07#
  <div id="navbar">
    #NAVIGATION_BAR#
    <div class="app-user">#WELCOME_USER#</div>
    #REGION_POSITION_08#
  </div>
</div>
<div id="tabs">
  <div class="frame">
    <div class="bg">
      <div class="tab-holder">
        #TAB_CELLS#
      </div>
    </div>
  </div>
</div>
<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
<div id="body">
  <div id="two-col-sb-left">
    <div id="left-sidebar">#REGION_POSITION_02#</div>
    <div id="main-sb-left">
      #BOX_BODY##REGION_POSITION_03#
    </div>
  </div>
</div>

Итакпосле редактирования вы, вероятно, поместили область «Добавить нового пользователя» в Page Template Region Position 1, точно так же, как область меню, сложив их.Место по умолчанию было бы в <div id="main-sb-left">

Я бы сказал, что ваша настоящая проблема по-прежнему связана с шаблоном страницы.Вам следует попробовать это: перейдите к общим компонентам> шаблонам и создайте копию шаблона One Level Tabs - Left Sidebar (fixed-width / DIV based) (для этого нажмите значок 2 страницы рядом с ним).Затем отредактируйте эту копию (просто назовите ее тест шаблона одного уровня) и измените тело div следующим образом. 

<div id="body">
   #REGION_POSITION_02##BOX_BODY##REGION_POSITION_03#
</div>

Затем измените шаблон страницы, установите 2 области в положение # 03 и установитешаблон на Reports Region.Ваши регионы будут выровнены полностью налево, под друг друга, без пробелов слева.

Честно говоря, это был бы самый простой способ решить пустое пространство на боковой панели.В теле нет других областей, в которых отсутствует боковая панель.По крайней мере, в этой теме!

...