ADF Separator Skinning

In this very short post I am going to show how we can easily change look&feel of af:separator component.  Let's say we need to make the separator blue and a little thicker. It can be done with the following CSS style:

.MySeparator {
    border: 3px solid #0572ce;   
}

and af:separator component should reference this style:

<af:separator id="s1" styleClass="MySeparator"/> 

The result of this skinning work looks like this:

That's it!