ASPxImage.ImageUrl Property

Gets or sets the URL pointing to the image displayed within the ASPxImage.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.1.dll

Declaration

C#

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

VB.NET

<DefaultValue("")>
Public Property ImageUrl As String

Property Value

Type	Default	Description
String	String.Empty	A System.String value specifying the URL representing the path to the image displayed within the ASPxImage.

Remarks

Use the ImageUrl property to specify an URL representing the path to the image displayed within the ASPxImage.

All graphic file formats which can be interpreted by internet browsers are supported. The image’s URL can represent either an absolute or relative path.

Example

The complete sample project is available in the DevExpress Code Central database at E1120.

JS

...
function popupControl_Init(s, e) {
    //Synchronize the client variable's value with the confirm dialog checkbox' setting
    dontAskConfirmation = cbDontAsk.GetChecked();
}

function ShowPopup(rowId) {
    //Assign the row's ID value to a specific label within the confirmation dialog, 
    //show the dialog, and set focus to the Yes button
    lbRowId.SetText(rowId);
    popupControl.Show();
    btnYes.Focus();
}

function btnYes_Click(s, e) {
    ClosePopup(true);
}

function btnNo_Click(s, e) {
    ClosePopup(false);
}

function cbDontAsk_CheckedChanged(s, e){
    //Synchronize the client variable's value with the confirm dialog checkbox' 
    //setting, and focus the Yes button
    dontAskConfirmation = cbDontAsk.GetChecked();
    btnYes.Focus();
}
...

ASPX

...
<dxrp:ASPxRoundPanel ID="ASPxRoundPanel1" runat="server" Width="300px" 
HeaderText="Delete Confirmation" DefaultButton="btnYes">
     <PanelCollection>
         <dxp:PanelContent runat="server">
            <table>
                <tr>
                    <td rowspan="2">
                      <dxe:ASPxImage ID="ASPxImage1" runat="server" ImageUrl="~/Images/img1.png">
                      </dxe:ASPxImage>
                    </td>

                    <td>
                        <dxe:ASPxLabel ID="ASPxLabel1" runat="server" 
                        Text="Are you sure you want to delete this row?">
                        </dxe:ASPxLabel>
                    </td>
                </tr>
                <tr>
                    <td>
                        <dxe:ASPxLabel ID="ASPxLabel2" runat="server" Text="Row ID: " >
                        </dxe:ASPxLabel>    
                        <dxe:ASPxLabel ID="ASPxLabel3" runat="server" 
                        Text="" ClientInstanceName="lbRowId" Font-Bold="True">
                        </dxe:ASPxLabel>     
                    </td>
                </tr>
            </table>
            <br/> 
            <table>
                <tr>
                    <td>
                        <dxe:ASPxCheckBox ID="cbDontAsk" runat="server" 
                        Text="Don't ask confirmation" ClientInstanceName="cbDontAsk">
                            <ClientSideEvents CheckedChanged="cbDontAsk_CheckedChanged" />
                        </dxe:ASPxCheckBox>
                    </td>

                    <td style="width:100%">
                    </td>

                    <td>
                        <dxe:ASPxButton ID="btnYes" runat="server" Text="Yes" Width="50px" 
                             AutoPostBack="False" ClientInstanceName="btnYes">
                            <ClientSideEvents Click="btnYes_Click" />
                        </dxe:ASPxButton>
                    </td>

                    <td>
                        <dxe:ASPxButton ID="btnNo" runat="server" Text="No" 
                             Width="50px" AutoPostBack="False">
                            <ClientSideEvents Click="btnNo_Click" />
                        </dxe:ASPxButton>
                    </td>
                </tr>
            </table>         
         </dxp:PanelContent>
     </PanelCollection>
 </dxrp:ASPxRoundPanel>

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the ImageUrl 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#

how-to-display-an-image-based-on-a-cell-value-e1014/CS/ImageForValue/Default.aspx.cs#L47

if(fileName != string.Empty)
    img.ImageUrl = fileName;
else

how-to-use-aspxuploadcontrol-in-the-edit-appointment-form-t182668/CS/WebApplication1/CustomControls/CustomAppointmentForm.ascx.cs#L28

if(container.CustomAttachmentFileName != "")
    ASPxImage1.ImageUrl = "~/" + container.CustomAttachmentFileName;
ASPxLabelFileName.Text = container.CustomAttachmentFileName;

how-to-show-color-icons-for-labels-and-statuses-in-the-appointment-edit-form-and-popup-menu-t344486/CS/CustomFormStatusEditors/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.cs#L72

void AssignImageProperties(ASPxImage image, ImageProperties imageProperties) {
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(this.Page).Url;
    image.CssClass = imageProperties.SpriteProperties.CssClass;

how-to-show-images-for-tentative-and-working-elsewhere-appointment-statuses-t344062/CS/CustomStatusSample/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.cs#L72

void AssignImageProperties(ASPxImage image, ImageProperties imageProperties) {
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(this.Page).Url;
    image.CssClass = imageProperties.SpriteProperties.CssClass;

XAF_how-to-access-the-scheduler-control-e225/CS/HowToAccessSchedulerControl.Web/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.cs#L53

void AssignImageProperties(ASPxImage image, ImageProperties imageProperties) {
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(this.Page).Url;
    image.CssClass = imageProperties.SpriteProperties.CssClass;

VB.NET

how-to-display-an-image-based-on-a-cell-value-e1014/VB/ImageForValue/Default.aspx.vb#L47

If fileName <> String.Empty Then
    img.ImageUrl = fileName
Else

how-to-use-aspxuploadcontrol-in-the-edit-appointment-form-t182668/VB/WebApplication1/CustomControls/CustomAppointmentForm.ascx.vb#L30

If container.CustomAttachmentFileName <> "" Then
    ASPxImage1.ImageUrl = "~/" & container.CustomAttachmentFileName
End If

how-to-show-color-icons-for-labels-and-statuses-in-the-appointment-edit-form-and-popup-menu-t344486/VB/CustomFormStatusEditors/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.vb#L74

Private Sub AssignImageProperties(ByVal image As ASPxImage, ByVal imageProperties As ImageProperties)
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(Me.Page).Url
    image.CssClass = imageProperties.SpriteProperties.CssClass

how-to-show-images-for-tentative-and-working-elsewhere-appointment-statuses-t344062/VB/CustomStatusSample/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.vb#L74

Private Sub AssignImageProperties(ByVal image As ASPxImage, ByVal imageProperties As ImageProperties)
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(Me.Page).Url
    image.CssClass = imageProperties.SpriteProperties.CssClass

XAF_how-to-access-the-scheduler-control-e225/VB/HowToAccessSchedulerControl.Web/DevExpress/ASPxSchedulerForms/RecurrentAppointmentDeleteForm.ascx.vb#L55

Private Sub AssignImageProperties(ByVal image As ASPxImage, ByVal imageProperties As ImageProperties)
    image.ImageUrl = EmptyImageProperties.GetGlobalEmptyImage(Me.Page).Url
    image.CssClass = imageProperties.SpriteProperties.CssClass