You should be looking at a three-column, responsive, single-page app with a menubar that swaps out the content in the middle mainContent area. Notice those icons on the menubar for Home, People, Library, etc.:
Those icons come from a custom font named
App_iconfont.woff in the
/css/fonts/ directory. If you open that font up, you’ll find that it only includes about 10 custom glyphs. What if you need different icons in your menubar?
We can add the awesome FontAwesome project to our QuickStart project and use their myriad of icons in our own menubar.
Get the FontAwesome files
First download the latest zip file from the main FontAwesome page. I’m using version 4.5.0 for this lab.
Unzip this file and then pluck out the resources to copy into your JET QuickStart folder hierarchy. Copy the font files in
JETQuickStart/css/fonts/. Next, copy the CSS files in
font-awesome-4.5.0/css to a newly-created directory at
JETQuickStart/css/libs/fa/. Your project should look like this in NetBeans: Read the complete article here.
For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.