Font Awesome in RadButton usage in its simplest form

In examples below Font Awesome icons are used in a simple manner




Font Awesome in RadButton with custom styling

Note how the style of the Font Awesome icon automatically takes on the font styling as defined by the custom style we use.
We can style these icons by using color or font-size or font-weight or any other CSS attribute that we normally use for styling fonts.
Reset Icons

Font Awesome in RadButton integrates with RadControls Skin

Note how the color and other CSS properties of the Font Awesome icon automatically takes on the color and CSS as defined by the
RadControl Skin we use. When you hover over the button, the icon color also changes as per the skin CSS.

Font Awesome in Split RadButton

Note how by simply setting text of contex menu items under the RadButton we can show Font Awesome icons for them
Transfer Item
  • Transfer Right
  • Transfer Left