The DetailButton tag renders as a push-button at run-time. It is used to retrieve the <DetailDataSource> of its parent <xmod:template> and displays that data in the <DetailTemplate> defined in the parent <xmod:template> tag.
<xmod:DetailButton
BackColor="color name|#dddddd"
BorderColor="color name|#dddddd"
BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge| Inset|Outset"
BorderWidth="size"
CssClass="string"
Font-Bold="True|False"
Font-Italic="True|False"
Font-Names="string"
Font-Overline="True|False"
Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|Medium| Large|X-Large|XX-Large"
Font-Strikeout="True|False"
Font-Underline="True|False"
ForeColor="color name|#dddddd"
Height="size"
OnClientClick="javascript"
Style="string"
Text="string"
ToolTip="string"
Visible="True|False"
Width="size">
<Parameter Name="string" Value="string" />
<Parameter Name="string" Value="string" />
...additional parameters as needed ...
</xmod:DetailButton>
<DetailDataSource> tag of the <xmod:template> tag. Typically, the detail command will include one or more <parameter> tags that identify which record should be retrieved. The detail control should use the same parameter names and fill them with valid values, typically from the current record. That's why detail controls are typically found in <ItemTemplate> and <AlternatingItemTemplate> tags.
<div>
<table width="100%">
<tr>
<td width="250" valign="top">
<!-- EMPLOYEES TEMPLATE -->
<xmod:template id="Employees">
<listdatasource commandtext="SELECT EmployeeId, FirstName, LastName FROM XMPDemo_Employees WHERE DepartmentId = @DepartmentId">
<parameter name="DepartmentId" alias="DepartmentId"/>
</listdatasource>
<detaildatasource commandtext="SELECT * FROM XMPDemo_Employees WHERE EmployeeId = @EmpID">
<parameter name="EmployeeId" alias="EmpID" />
</detaildatasource>
<headertemplate>
<p>Employees</p>
</headertemplate>
<itemtemplate>
<div style="text-align: middle;">
<strong>[[FirstName]] [[LastName]]</strong>
<xmod:detailbutton text="View Profile">
<parameter name="EmployeeId" value='[[EmployeeId]]' />
</xmod:detailbutton>
</div>
</itemtemplate>
<detailtemplate>
<h1>Employee Profile</h1>
<h3>[[FirstName]] [[LastName]]</h3>
<h4>Biography:</h4>
<div>[[Bio]]</div>
</detailtemplate>
</xmod:template>
</td>
</tr>
</table>
</div>