A region with borders only no title or title bar

Question

Hello Expert,
I am trying to create just a border around the region, In essence a region with just border and no title or title bar. There is no simple approach available for this option. Can anybody shed some light on this matter.
APEX Version : 4.1.0.00.32
Theme : Builder Blue 2 (I guess it is theme 2 in the APEX)
I tried various option utilizing border-less region template, report region, report region without title, No Template etc. along with following CSS style code, which I added into header section of the Page.
This option creates border on top of the region elements but do not cover the region elements like items, that also only in template with no button or titles
<style type="text/css">
#CRR {border-style:solid; -- CRR is a static ID for the region
border-width:1px;}
</style>
I also tried creating a template with new region and removed the title class and button class, which created a region without border but there is no line on the top only on the sides, which looked so weird. I am not sure what is the right solution, but a solution with new region template which only creates border and no title and title bar is good.
Kindly please let me know an approach if anybody is aware.
Thanks,
CP

Answer 1

Hi,
That is certainly helpful as it does create the border, however the border is created for two regions.
I have total four regions. At the top is breadcrumb region, below that is Report region displaying basic details. The third region is a list region waith navigation tab only and it is borderless region. The fourth regions has all the form items for which I wan the border only. With your suggestion, I am able get the border but it is now covering both region 3 and 4. I just want only on 4th region. The foruth region template I modified to "Region without button and titles" the way you suggested.
The Region 3 and Region 4 has same class .bl-body, hjowever I didn't put any static id to region 3. I tried with naming the static id in region 3 with different name, but that didn't change anything.
Ideally I would prefer a new region template so I can use it for multiple pages.
Here is what I did,
Opened shared components in the application, selected templates link. Copied a specific template (Report Region) as a new template and in the definition where there is a code, I removed few lines of code. which is follwowing
Removed Code
<div class="rc-blue-top"><div class="rc-blue-top-r">
<div class="rc-title">#TITLE#</div>
<div class="rc-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
</div></div>
this removed the title and those buttons, but the border was only to left , right and bottom and there was gray backgroud.
Full Code
<div class="rounded-corner-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="rc-blue-top"><div class="rc-blue-top-r">
<div class="rc-title">#TITLE#</div>
<!-- <div class="rc-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
</div></div>
<div class="rc-body"><div class="rc-body-r"><div class="rc-content-main">#BODY#</div></div></div>
<div class="rc-bottom"><div class="rc-bottom-r"></div></div>
</div>
Thanks for the previous input.
Further help is highly appreciated.
Thanks,
--CP