<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestTemplate.aspx.cs" Inherits="TestTemplate" MasterPageFile="~/admin/Admin.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server">
<h1>Test Template</h1>

<h2>Template Settings</h2>
    <table>
     <tr>
      <td class="tableCaption">ID</td>
      <td><asp:Label runat="server" ID="labID"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">Width</td>
      <td><asp:Label runat="server" ID="labWidth"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">Height</td>
      <td><asp:Label runat="server" ID="labHeight"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">BackgroundColor</td>
      <td><asp:Label runat="server" ID="labBackgroundColor"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">ImageFormat</td>
      <td><asp:Label runat="server" ID="labImageFormat"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">GraphicsUnit</td>
      <td><asp:Label runat="server" ID="labGraphicsUnit"></asp:Label></td>
     </tr>
     <tr>
      <td class="tableCaption">Image Url</td>
      <td><asp:TextBox runat="server" ID="txtImageUrl" Columns="50" Rows="6" TextMode="MultiLine"></asp:TextBox><br />
      <button onclick="document.getElementById('imagePreview').src = <%= txtImageUrl.ClientID %>.value;" text="">Show Image</button>
      <button onclick="window.open(<%= txtImageUrl.ClientID %>.value);">Open in new Window</button>
      </td>
     </tr>
     <tr>
      <td colspan="2">
       <img src="" id="imagePreview" />
      </td>
     </tr>
    <tr>
     <td colspan="2">
     <h2>Template Elements</h2>
     <p>You can use the tree below to see the elements that make up each template.  Use TemplateName.PropertyName=XXX in the URL to
     change the value of a property.  This  is what allows you to include dynamic content in your images.</p>
     <table>
     <tr>
     <td>
     <asp:TreeView runat="server" ID="templateElementTv" OnSelectedNodeChanged="templateElementTv_OnSelectedNodeChanged">
     </asp:TreeView>
     </td>
     <td>

     </td>
     </tr>
     </table>

     </td>
    </tr>
</table>

</asp:Content>