Would like to know how to change the background color of an entire page using styleClass instead of directly in the xp:view tag? Here's an example that works:
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
style="background-color:#f1f1f1;">
</xp:view>
However, when attempting to set it through a styleClass, it doesn't seem to work as expected:
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
styleClass="myPage">
<xp:this.resources>
<xp:styleSheet href="/myStyle.css"></xp:styleSheet>
</xp:this.resources>
</xp:view>
//myStyle.css
.myPage{
background-color:#f1f1f1;
}
In IBM Notes Designer, you can see that the background color is applying to the page. However, when viewing the page in a browser, it does not display correctly.