<xmod:DetailImage>

<xmod:DetailImage> renders a clickable image that switches the parent template to detail view — same behavior as <xmod:DetailButton>, just rendered as an image rather than a push-button.

Sibling variants

• <xmod:DetailButton> — push-button
• <xmod:DetailLink> — hyperlink

Example

<xmod:Template Id="Employees">
  <ListDataSource CommandText="SELECT EmployeeId, FirstName, LastName FROM Employees" />
  <DetailDataSource CommandText="SELECT * FROM Employees WHERE EmployeeId = @EmployeeId">
    <Parameter Name="EmployeeId" />
  </DetailDataSource>
  <ItemTemplate>
    <strong>[[FirstName]] [[LastName]]</strong>
    <xmod:DetailImage AlternateText="View Profile" ImageUrl="~/images/detail.gif">
      <Parameter Name="EmployeeId" Value="[[EmployeeId]]" DataType="Int32" />
    </xmod:DetailImage>
  </ItemTemplate>
  <DetailTemplate>
    <h1>[[FirstName]] [[LastName]]</h1>
  </DetailTemplate>
</xmod:Template>

Properties

Property	Values	Default	Description
ID	string		Unique identifier for the image button
ImageUrl	URL		Path to the image file. Tilde (~) supported
AlternateText	string		Alt text for screen readers and search engines
ImageAlign	NotSet Left Right Baseline Top Middle Bottom AbsBottom AbsMiddle TextTop	NotSet	Image alignment relative to surrounding content
Ajax	True False	False	When True, switches to detail view via async postback. Requires ID set (since v2.6)
CssClass	string		CSS class name(s)
Style	string		Inline CSS
Width	size		Width of the image
Height	size		Height of the image
ToolTip	string		Hover tooltip
Visible	True False	True	Shows or hides the control
OnClientClick	JavaScript		Client-side script to run on click. Returning false cancels the action
AccessKey	string		Keyboard shortcut character
Enabled	True False	True	When False, the control is disabled
TabIndex	integer		Tab order for keyboard navigation

Deprecated Properties (styling)

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

Child Tags

Same as <xmod:DetailButton> — required <Parameter Name Value DataType> tags supply values for the parent's <DetailDataSource>.