BSP/HowTo: Invert your application, Filters in your page

Again as with the previous weblog  (https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/1017), this only works in IE 5.5+ 100%. Other browsers well sometimes you get a little lucky and sometimes not.

Also, credits to David J. Hark  (http://www.fred.net/dhark/demos/css/css_filter_examples.html), for creating such a nice set of examples.

This example will prove to be a lot easier to implement than the previous one as you only need to add a single link to your page or if you prefer to set the value in a user preference then you’ll need to activate the command on the Page Layout when the page is loaded.

Invert  (#)

</textarea>
<br>
<br>
As yo can see the link is very simple to implement.<br>
<br>
!https://weblogs.sdn.sap.com/weblogs/images/2538/invert_1.gif|height=202|alt=image|width=408|src=https://weblogs.sdn.sap.com/weblogs/images/2538/invert_1.gif|border=0!<br>
<br>
As I mentioned you can also add this into your <b>Page Layout</b> quite easily.<br>
<br>
<textarea cols=”79″ rows=”10″>
<% IF userPrefInvert EQ ‘X’. %>
<script>
document.body.style.filter=”invert();”;
eval();
</script>
<% ENDIF. %>
</textarea>
<br>
<br>
Once a user clicks the link, or the link is activated via the preference then the page will look like…<br>
<br>
!https://weblogs.sdn.sap.com/weblogs/images/2538/invert_2.gif|height=177|alt=image|width=402|src=https://weblogs.sdn.sap.com/weblogs/images/2538/invert_2.gif|border=0!</body>