More fun with templates

Question

Okay, so I'm trying to modify a region template and I can't get it to work. I've tried using custom CSS in my HTML Header, I've tried actually adding a line to the CSS include file on the server - I can't get anything to work. Firebug shows that as soon as I change the class on the RegionHeader, I am relegated to default <hd> formatting.
I'm trying to use template 17 and all I want to change is the size of the font from Large to Normal.
Here's the base css from the template:
.t17RegionHeader{font-family: arial, helvetica, sans-serif;font-size:large;
color:#aaa;text-align:left;border-bottom:1px solid #CCC;
font-weight:bold;padding:2px 8px;white-space:nowrap;}Here's what I want:
.t17RegionHeaderNorm{font-family: arial, helvetica, sans-serif;font-size:normal;
color:#aaa;text-align:left;border-bottom:1px solid #CCC;
font-weight:bold;padding:2px 8px;white-space:nowrap;}And yes, this is a copy of the original region template. I have four or five regions on the page, so I just changed one of them to use the new region template until I get it right. This probably has something to do with inheritance, but I don't have a clue how to override it. Your help is greatly appreciated.

Answer 1

Hi blarman74,
When you copy the report region, why not do something like:
In your report region template you have the following template definition (this is what I have, on APEX 4 - I guess you are one 3.2.x so it's a little different?):
<div class="rounded-corner-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
  <div class="rc-gray-top"><div class="rc-gray-top-r">
    <div class="rc-title normal-header">#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 class="clear"></div></div></div></div>
  <div class="rc-bottom"><div class="rc-bottom-r"></div></div>
</div> You'll notice in the div's surrounding the #TITLE# I added another class called normal-header. So then in your page header, or css - wherever you put it, Add the following:
.normal-header {
  font-size: normal !important;
}Well you could probably add !important to the .t17RegionHeaderNorm font-size rule, but wasn't sure exactly how you've done so thought it better to describe the above. And the way I have described, it saves copying all the extra css rules.
Ta,
Trent
Edited by: tr3nton on Oct 2, 2010 11:40 AM
As a side note, I was just looking at your profile - I don't know if you want to bother, but you may want to add http:// to the URL of your homepage, as it's reading it as a relative link to the oracle site, so pointing to: http://forums.oracle.com/forums/www.transystemsllc.com which obviously isn't a real site.