ImagePropertiesBase.IconID Property

Specifies an identifier of an image’s icon.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue("")]
public virtual string IconID { get; set; }

VB.NET

<DefaultValue("")>
Public Overridable Property IconID As String

Property Value

Type	Default	Description
String	String.Empty	The icon identifier.

Remarks

DevExpress ASP.NET controls ship with a rich collection of icons created by our design team. To learn more see the Icon Collection help topic.

The DevExpress ASP.NET Subscription includes a collection of icons that you can use as an element’s image in most DevExpress controls. Use the IconID property to assign an icon to the image.

Note

The control ignores the IconID property if the image’s URL is specified.

Run Demo: Icon Library Explorer

ASPX (in markup)

<dx:ASPxButton ID="ASPxButton1" CssClass="button" runat="server">  
    <Image IconID="navigation_home_32x32">  
    </Image>  
</dx:ASPxButton>

C# (In Code)

DevExpress.Web.ASPxMenu myMenu = new DevExpress.Web.ASPxMenu();
myMenu.Items.Add("Home").Image.IconID = "navigation_home_16x16";
myMenu.Items.Add("Profile").Image.IconID = "people_customer_16x16";
myMenu.Items.Add("Clients").Image.IconID = DevExpress.Web.ASPxThemes.IconID.PeopleUsergroup16x16;
myMenu.Items.Add("Reports").Image.IconID = DevExpress.Web.ASPxThemes.IconID.ProgrammingShowtestreport16x16;

VB (In Code)

Dim myMenu As New DevExpress.Web.ASPxMenu()
myMenu.Items.Add("Home").Image.IconID = "navigation_home_16x16"
myMenu.Items.Add("Profile").Image.IconID = "people_customer_16x16"
myMenu.Items.Add("Clients").Image.IconID = DevExpress.Web.ASPxThemes.IconID.PeopleUsergroup16x16
myMenu.Items.Add("Reports").Image.IconID = DevExpress.Web.ASPxThemes.IconID.ProgrammingShowtestreport16x16

Razor (MVC)

@Html.DevExpress().Menu(settings => {
    settings.Name = "myMenu";
    settings.Items.Add(item => {
        item.Text = "Home";
        item.Image.IconID = "navigation_home_16x16";
    });
    settings.Items.Add(item => {
        item.Text = "Profile";
        item.Image.IconID = "people_customer_16x16";
    });
    settings.Items.Add(item => {
        item.Text = "Clients";
        item.Image.IconID = DevExpress.Web.ASPxThemes.IconID.PeopleUsergroup16x16;
    });
    settings.Items.Add(item => {
        item.Text = "Reports";
        item.Image.IconID = DevExpress.Web.ASPxThemes.IconID.ProgrammingShowtestreport16x16;
    });
}).GetHtml()

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the IconID property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

asp-net-web-forms-spreadsheet-download-file-on-custom-ribbon-item-click/CS/ASPxSpreadsheetBinding/Default.aspx.cs#L47

item.Size = RibbonItemSize.Large;
item.LargeImage.IconID = DevExpress.Web.ASPxThemes.IconID.ActionsDownload32x32;
Spreadsheet.RibbonTabs[1].Groups[0].Items.Insert(0, item);

VB.NET

asp-net-web-forms-spreadsheet-download-file-on-custom-ribbon-item-click/VB/ASPxSpreadsheetBinding/Default.aspx.vb#L58

item.Size = RibbonItemSize.Large
item.LargeImage.IconID = ASPxThemes.IconID.ActionsDownload32x32
Spreadsheet.RibbonTabs(1).Groups(0).Items.Insert(0, item)