I have a region on an APEX (5.1.3) page which has buttons in the "Top and Bottom of Region" position so that the same buttons appear at the top and bottom of the page. I need to create sub-regions of this main region. When I do that, the two sets of buttons both appear above the sub-regions. I would like the bottom set of buttons to appear below the sub-regions.
I found this discussion which addresses just a single set of buttons ( ) and does not work for my scenario.
I have the main region's template set up like the following to attempt to push the sub-regions into the body of the main region, but does not appear to make any change or improve the situation.
<div class="t-Region #REGION_CSS_CLASSES#" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# role="group" aria-labelledby="#REGION_STATIC_ID#_heading">
<div class="t-Region-header">
<div class="t-Region-headerItems t-Region-headerItems--title">
<h2 class="t-Region-title" id="#REGION_STATIC_ID#_heading">#TITLE#</h2>
</div>
<div class="t-Region-headerItems t-Region-headerItems--buttons">#COPY##EDIT#<span class="js-maximizeButtonContainer"></span></div>
</div>
<div class="t-Region-bodyWrap">
<div class="t-Region-buttons t-Region-buttons--top">
<div class="t-Region-buttons-left">#PREVIOUS#</div>
<div class="t-Region-buttons-right">#NEXT#</div>
</div>
<div class="t-Region-body">
#BODY#
#SUB_REGIONS#
</div>
<div class="t-Region-buttons t-Region-buttons--bottom">
<div class="t-Region-buttons-left">#CLOSE##HELP#</div>
<div class="t-Region-buttons-right">#DELETE##CHANGE##CREATE#</div>
</div>
</div>
</div>
Is there a way to force the bottom buttons of a "Top and Bottom of Region" position to be below the sub-regions of a master region?
Shane.