如何在Oracle Apex中整齐地对齐项目？

Question

我最难在Oracle Apex中调整一些东西...基本上有些页面看起来不错，但有些页面看起来像这样：

这是考虑到我的所有页面都具有相同的模板/区域/ col设置：

我做错了什么？！

编辑：

我确实让定位变得更好一些：

这是模板信息：

Answer 1

它可能是您的页面模板。我已经导入了Green Spring主题并尝试了它。由于您使用的是标签而且只使用了顶点模板，因此您可能选择了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">

我会说你的实际问题仍然在于页面模板。你应该试试这个：转到共享组件＆gt;模板，并制作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。您的区域将一直对齐，在彼此之下，左侧没有空格。

老实说，这是解决空边栏空间的最简单方法。身体中没有其他区域省略侧边栏。至少在这个主题中！