K2BTools Tutorial - Exercise 11.4 - Using icons in menu options

The generated menu can be improved by adding icons to the options listed in the Menu. Those icons can be Image objects in the KB, or be imported from the Font-Awesome font.

In this exercise, you will add icons using the Font-Awesome font to the menu. In this web page you can find all icons provided by this font.

Follow these steps:

  1. Go to the "Basic Entities" sub menu. Set the "Image Class" property to "fa fa-cube"
  2. Go to the “Countries” menu option. Set the “Image Class” property to “fa fa-flag”.
  3. Go to the “Products” menu option. Set the “Image Class” property to “fa fa-tags”.
  4. Go to the “Units” menu option. Set the “Image Class” property to “fas fa-dollar-sign”.
  5. Go to the "Customers" menu option. Set the "Image Class" property to "fa fa-user"
  6. Go to the “Billing” sub menu. Set the “Image Class” property to “fa fa-users”.
  7. Go to the “Catalog” sub menu. Set the “Image Class” property to “fa fa-user-plus”.
  8. Go to the "Customer Invoices" sub menu. Set the "Image Class" property to "fa fa-calculator"
  9. Go to the "Customer Simple Image List" sub menu. Set the "Image Class" property to "fa fa-user"
  10. Go to the “Product Selection” sub menu. Set the “Image Class” property to “fa-briefcase”.
  11. Go to the “Product Multiple Selection” menu option. Set the “Image Class” property to “fa fa-cart-arrow-down”.
  12. Go to the "Product List" menu option. Set the "Image Class" property to "fa fa-cube"
  13. Go to the "Products Purchased" menu option. Set the "Image Class" property to "fa fa-credit-card"
  14. Run the application and see the result.