Skip to content

<xmod:EditImage>

<xmod:EditImage> renders a clickable image that opens the EditForm — same behavior as <xmod:EditButton>, just rendered as an image rather than a push-button.

Sibling variants

Example

html
<xmod:Template Id="Employees">
  <ListDataSource CommandText="SELECT * FROM Employees" />
  <ItemTemplate>
    <strong>[[FirstName]] [[LastName]]</strong>
    <xmod:EditImage AlternateText="Edit Employee" ImageUrl="~/images/edit.gif">
      <Parameter Name="EmployeeId" Value="[[EmployeeId]]" DataType="Int32" />
    </xmod:EditImage>
  </ItemTemplate>
</xmod:Template>

Properties

PropertyValuesDefaultDescription
IDstringUnique identifier for the image button
ImageUrlURLPath to the image file. Tilde (~) supported
AlternateTextstringAlt text for screen readers and search engines
ImageAlignNotSet Left Right Baseline Top Middle Bottom AbsBottom AbsMiddle TextTopNotSetImage alignment relative to surrounding content
AjaxTrue FalseFalseWhen True, opens the EditForm via async postback. Requires ID set (since v2.6)
Formform nameOverride the configured EditForm with a different form (since v4.7)
CssClassstringCSS class name(s)
StylestringInline CSS
WidthsizeWidth of the image
HeightsizeHeight of the image
ToolTipstringHover tooltip
VisibleTrue FalseTrueShows or hides the control
OnClientClickJavaScriptClient-side script to run on click. Returning false cancels the action
AccessKeystringKeyboard shortcut character
EnabledTrue FalseTrueWhen False, the control is disabled
TabIndexintegerTab order for keyboard navigation
Deprecated Properties (styling)

Same set as <xmod:EditButton>BackColor, BorderColor, BorderStyle, BorderWidth, Font-*, ForeColor. Use CssClass or Style instead.

Child Tags

Same as <xmod:EditButton> — required <Parameter Name Value DataType> tags supply values for the EditForm's <SelectCommand>.