Remove / Hide Dashboard section borders OBIEE 11g

Hi,

Got a new requirement for the formatting OBIEE dashboard. Our customer wants to hide the section border, default blue layout, etc etc. In short, dashboard background page would contain a plain white colour like in any white paper document.

Yes of course, we can opt for None for the Border of that particular section, but that want affect for the background colour. Even if you set the background colour for all sections in your page, the default blue colour will not leave your screen.

For this, I've come up with one HTML/CSS script which will reset all the formatting related to section/column to a white colour or set it to none.

Drag one text box to your page > edit > paste the below script into it > select "Contains HTML Markup" > save the changes.

<style>
.DashboardPageContentDiv{
background-color:white;
padding:0px;
}
.SectionTable{
background-image:none;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
margin-right:0px;
margin-left:0px
-webkit-box-shadow:none;
box-shadow:none;
}
</style>

There you are, enjoy..!!