How to change default icons (info, Error, Warning) of FacesMessage and af:messages in Oracle ADF

Sharing is Caring

Hello all
In this post I’ll show you how to customize or change default icons of FacesMessage, it is very basic but sometimes it’s hard to do easy things
if we need to use alternate icons in af:messages or in programmatic FacesMessage, so to do this just create a small, simple CSS file (ADF Skin) in the viewController project and use this code

Change URL as per your icon image path, you can also define same for Fatal Error and Confirmation icon also

af|messages::info-icon 
{
content: url("../../information.png");
}

af|messages::warning-icon
{
content: url("../../warning.png");
}
af|messages::error-icon
{
content: url("../../error.png");
}

apply this skin to the project and run your application to see changes

Default Icon Changed Icon
change default icons

Happy Learning 🙂

Related Posts

I’m an Oracle ACE, Blogger, Reviewer,
Technical Lead working on Oracle ADF

0 thoughts on “How to change default icons (info, Error, Warning) of FacesMessage and af:messages in Oracle ADF”

Leave a Reply

Your email address will not be published. Required fields are marked *