[Sommaire] [Imprimer]

   1  <com:TContent ID="body">
   2  
   3  <h1>TPanel Samples</h1>
   4  
   5  <table class="sampletable">
   6  
   7  <tr><td class="samplenote">
   8  Panel with contents:
   9  </td><td class="sampleaction">
  10  <com:TPanel>
  11  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  12  </com:TPanel>
  13  </td></tr>
  14  
  15  <tr><td class="samplenote">
  16  Panel with customized background color, font and horizontal alignment:
  17  </td><td class="sampleaction">
  18  <com:TPanel
  19      BackColor="silver"
  20      Font.Size="14pt"
  21      HorizontalAlign="Center">
  22  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  23  </com:TPanel>
  24  </td></tr>
  25  
  26  <tr><td class="samplenote">
  27  Panel with customized background image, width and scroll bars:
  28  </td><td class="sampleaction">
  29  <com:TPanel
  30      BackImageUrl=<%~hello_world.gif%>
  31      Width="400px"
  32      Height="200px"
  33      ScrollBars="Both"
  34      Wrap="false">
  35  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  36  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  37  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  38  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  39  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  40  </com:TPanel>
  41  </td></tr>
  42  
  43  <tr><td class="samplenote">
  44  Panel with grouping text:
  45  </td><td class="sampleaction">
  46  <com:TPanel GroupingText="grouping text" Width="400px">
  47  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  48  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  49  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  50  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />.
  51  </com:TPanel>
  52  </td></tr>
  53  
  54  <tr><td class="samplenote">
  55  Panel with a default button (hit 'enter' key to see what happened):
  56  </td><td class="sampleaction">
  57  <com:TPanel BackColor="#CCFFCC" DefaultButton="Button2" Width="400px">
  58  This is panel content with a <com:TLabel Text="label" Font.Italic="true" />
  59  and two buttons: <br/>
  60  <com:TCheckBox />
  61  <com:TButton ID="Button1" Text="button1" OnClick="buttonClicked" />
  62  <com:TButton ID="Button2" Text="button2" OnClick="buttonClicked" />
  63  <com:TLabel ID="Result" ForeColor="red" />
  64  <br/>
  65  When you change focus to the panel and hit 'enter' key, <tt>button2</tt>
  66  will be clicked because it is set as the default button of the panel.
  67  </com:TPanel>
  68  </td></tr>
  69  </table>
  70  <com:TJavascriptLogger />
  71  </com:TContent>