Icons

The RadOutlookBarItems expose the Icon and SmallIcon properties. They are of type BitmapSource and they define the source of the picture placed infront of the content of the RadOutlookBarItem. The bar items expose an additional IconMargin property. It is used to get or set the margin of the Icon element inside of the item.

The Icon property gets or sets the icon of the RadOutlookBarItem when it is in normal state – not minimized.

Example 1: Setting Icon Property

<telerik:RadOutlookBarItem Header="Folder List" Icon="foldersSmall.png" /> 

Figure 1 : Icon Property Result

outlookbar icons 01

The SmallIcon property gets or sets the icon of the RadOutlookBarItem when it is in the minimized area or when it is in the ItemDropDownContent. The ItemDropDownContent is the content of the pop up which is opened after you click the overflow button located in the lower right corner of the RadOutlookBar.

Figure 2 : Setting SmallIcon property

outlookbar icons 02

Example 2: Setting IconMargin Property

<telerik:RadOutlookBarItem  Header="Folder List" Icon="foldersSmall.png" IconMargin="10">                

Figure 3: IconMargin Property Result

outlookbar icons 03

You can see how to bind the icon properties to e property of a business object in the Data Binding example in the online SDK repository.

See Also

In this article
Not finding the help you need? Improve this article