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

Question

我在 Oracle Apex 中调整内容时遇到了最困难的时候...基本上有些页面看起来不错，但有些页面看起来像这样：

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

我做错了什么？！

编辑：

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

这是模板信息：

Answer 1

它可能是您的页面模板。我已经导入了 Green Spring 主题并尝试了它。由于您使用的是选项卡并且仅使用 apex 模板，因此您可能选择了一级选项卡 - 左侧边栏（固定宽度/基于 DIV）。这可以解释为什么您的“添加新用户”区域被“推”到右侧。当您添加另一个区域时，它也可能会被推送。
未设置的菜单区域可能会放置在模板中侧边栏之前的另一个位置。

• 检查两个区域的显示点：它们是否相同？
• 您的页面模板有固定宽度的侧边栏吗？

因此，这里是 一级选项卡 - 左侧边栏（基于固定宽度/DIV） 模板的正文模板的代码：

<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>

因此，您在编辑后所做的操作可能是添加“添加新用户” ' 区域到页面模板区域位置 1，就像菜单区域一样，将它们堆叠起来。
默认位置位于

我想说您的实际问题仍然在于页面模板。您应该尝试以下操作：转到共享组件>模板，并复制 一级选项卡 - 左侧边栏（固定宽度/基于 DIV） 模板（通过单击旁边的 2 页图标完成）。然后编辑这个副本（只需将其称为一级模板测试），并像这样更改正文 div。

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

然后更改页面模板，将 2 个区域设置为位置 #03，并将模板设置为 Reports Region。您的区域将一直向左对齐，彼此下方，左侧没有空格。

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