Friday, January 11, 2013

OBIEE 11g – Remove Border Around Section Prompt


When splitting a chart or table into sections by dragging a column to the ‘prompts’ area, the default behaviour is for Presentation Services to apply a rather unsightly border around the column.
E.g. Doing this:

Results in this:


It seems there is no application setting to control the look and feel of this border so it’s up to us to hack it off ourselves with some CSS. After a bit of digging and inspecting the DOM I came up with this:
<style>
.PTPageControl { border:0px; padding:0px; }
.PTPageEmbedded { border:0px; }
</style>
Simply put the above snippet in a Static Text View on your page and tick the box for ‘contains HTML markup’. [Note that the border won't disappear in the compound layout builder, you will have to preview or put the report on a dashboard to see the change]
A more permanent, site-wide solution would be to modify views.css accordingly. I was wary of doing this without knowing the extent to which these 2 CSS classes are used throughout the application as a whole.