Skip to main content

MenuItem.Image Property

Gets the settings of an image displayed within the menu item.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web


public MenuItemImageProperties Image { get; }

Property Value

Type Description

A MenuItemImageProperties object that contains image settings.


The image specified by the Image property can be used as a link if the menu’sASPxMenuBase.ItemLinkMode property is set to ItemLinkMode.TextAndImage or ItemLinkMode.ContentBounds.


If the MenuItem.Text property is empty and an item image is specified, a text element markup is not rendered. In this case, it is impossible to set a text on the client side using the ASPxClientMenuItem.SetText method.


This example demonstrates how the checked state of items can be manipulated to emulate the toolbar behavior (using the ASPxMenu control).

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v8.3, Version=, Culture=neutral, 
    Namespace="DevExpress.Web.ASPxMenu" TagPrefix="dxm" %>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

<script runat="server">

<html xmlns="" >
 <head id="Head1" runat="server">
     <title>Check states of items</title>
     <form id="form1" runat="server">
          <dxm:ASPxMenu ID="ASPxMenu1" runat="server" ItemSpacing="1px" 
              SeparatorHeight="15px" SeparatorWidth="2px">
                 <dxm:MenuItem GroupName="Bold" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/bold.gif" />
                 <dxm:MenuItem GroupName="Italic" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/italic.gif" />
                 <dxm:MenuItem GroupName="Underline" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/underline.gif" />
                 <dxm:MenuItem BeginGroup="True" GroupName="Align" Text="" Checked="True">
                     <Image Url="~/ASPxperience/Menu/Images/left.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/center.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/right.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/justify.gif" />
                 <Paddings Padding="2px" />
                 <HoverStyle BackColor="#B6BDD2">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 <CheckedStyle BackColor="#D4D5D8">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
             <Paddings Padding="1px" />
             <BackgroundImage ImageUrl="~/ASPxperience/Menu/Images/back.gif" />
             <SeparatorPaddings PaddingLeft="2px" PaddingRight="2px" />
             <SeparatorBackgroundImage ImageUrl="~/ASPxperience/Menu/Images/separator.gif" 
              Repeat="NoRepeat" />

See Also