• HTML Template
  
  HTML Template is a regular text file with HTML tags and special Active Blocks, instead of which data is inserted. Active Blocks examples:
  
  $GridID$ displays a unique Grid's identifier.
  $RowID$ displays a unique row's identifier.
  $CellValue$ displays the current Cell value.
  $CustomerID$ displays data from the column "CustomerID".
  $ColumnName$ displays the current column name.
  
  This example demonstrates how to merge data from various columns by using the HTML Template with Active Blocks.
  
  
• XSL Template
  
  XSL Template is a file similar to HTML template, which can include XSL tags for major flexibility. XSL template, as well as HTML template can include special Active Blocks for data display.
  
  XSL Templates allow comparing/modifying data without a loss in performance. For example, under conditional formatting you must first analyze values of fields and then apply the formatting.
  
  XSL Template must include a section "xsl:template" with name "Main". A template example provided below analyzes column's "Quantity" values and fills it with red colour if there are more than 20.
  
  

  <xsl:template name="Main">
      <xsl:choose>
          <xsl:when test="$Quantity$ &gt; 20">
              <font color="red">$Quantity$</font>
          </xsl:when>
          <xsl:otherwise>$Quantity$</xsl:otherwise>
      </xsl:choose>
  </xsl:template>
  

  
  This example demonstrates how to use the XSL Template.
  
  
• ASCX Template (User Control)
  
  ASCX Template is most flexible because it allows developer to organize and format column data by using the preferred programming language (C# or VB.NET). ASCX Template must include the field GridRow which is declared as public:

  
  [C#]
  
  public APNSoft.WebControls.GridColumn GridColumn = null;
  public APNSoft.WebControls.GridRow GridRow = null;
  
  [VB.NET]
  
  Public GridColumn As APNSoft.WebControls.GridColumn = Nothing
  Public GridRow As APNSoft.WebControls.GridRow = Nothing
  
  

  The component automatically sets this field value for each row.
  Please see this example.

<Spacer Width="5" />

<Button Action="PageFirst" Title="First Page" EventType="Click" />
<Button Action="PagePrev" Title="Previous Page" EventType="Click" />
<Button Action="PageNext" Title="Next Page" EventType="Click" />
<Button Action="PageLast" Title="Last Page" EventType="Click" />
<Button Action="RowNew" Title="New Row" EventType="Click" />
<Button Action="ExportToExcel" Title="Export to Excel" EventType="DoubleClick" />
<Button Action="ExportToHTML" Title="Export to HTML" EventType="DoubleClick" />

<Button Action="Custom" Title="Refresh" Function="dg.Refresh('dg1');" Icon="Refresh.gif" />

<Info Data="Pages" Title="Pages">$PageNumber$ / $PagesInTotal$</Info>
<Info Data="Rows" Title="Rows">Rows $ItemFirst$ to $ItemLast$ of $ItemsInTotal$.</Info>

<Separator />

<StatusBar Title="Status Bar" 
	MsgReady="Ready" 
	MsgLoading="Loading..." 
	MsgInserting="Inserting..." 
	MsgUpdating="Updating..." 
	MsgDeleting="Deleting..." 
	MsgProcessing="Processing..." 
	MsgNoRecords="No records to display." 
/>

<ContextMenu>
  <item id="ir1" title="Edit row '$RowID$'" onclick="dg.OpenFormForUpdate('$RowID$');" 
    icon="CntMnuEdit.gif" iconWidth="16" iconHeight="16" />
  <item id="ir2" title="Delete row '$RowID$'" onclick="dg.DeleteRow('$RowID$');" 
    icon="CntMnuDelete.gif" />
  <separator id="sr1" />
  <item id="ir3" title="Add new row" onclick="dg.OpenFormForInsert();" 
    icon="CntMnuNew.gif" />
</ContextMenu>

• <ContextMenu/> - the root element for entire template.
• <item/> - one menu item element.
• <separator/> - element for separator.
• id - is used in order to ensure uniqueness.
• title - specifies the text (caption) displayed for the menu item.
• onclick - specifies the client side procedure which is fired when the user clicks the left mouse button on the item.
• icon - specifies the name of the one item's icon image. The icon image displayed at the left side of the menu item. The icon images must be located in the Skin Folder as specified by the SkinFolder property.
• iconWidth, iconHeight - one item's icon image width and height. This attributes can be specified only once if the menu uses icons with identical width and height.