Hi All,
Oracle Jdeveloper 12.2.13.
I am finding my way around the FontAwesome integration to see if it can fully be utilised for all icons-related needs in the Oracle ADF application.
Thanks to authors of the blogs shared below where I was able to learn its integration.
- https://blogs.oracle.com/shay/leveraging-icon-fonts-font-awesome-in-oracle-adf-500-new-icons-for-your-app
- http://www.awasthiashish.com/2018/11/use-font-awesome-5-icons-in-oracle-adf-application.html
I am using the approach mentioned in blog 2 for the FontAwesome library integration which uses the af:script tab, instead of downloading it and copying it in the Skins folder. See the code below:
<af:resource type="css" source="https://use.fontawesome.com/releases/v5.14.0/css/all.css"/>
I have the following code snippet for a button that works fine except when mouse hover the icon disappears. Besides, it is quite difficult to align the icon and button text in the middle:
<af:button id="b3" styleClass="fas fa-toggle-off fa-2x"/>
Surprisingly, when I use FontAwesome classes into icon-specific properties of the ADF button but it is not working. The output shows a small rectangle which means no icon is found during page rendering.
<af:button id="b3" icon="fas fa-toggle-off fa-2x"/>
Is there a way to use FontAwesome icons with Icon, hoverIcon, depressedIcon and disabledIcon properties of the ADF components like button, showDetailItem, etc?
I will greatly appreciate your guidance.
Many Thanks and
Kind Regards,
Bilal