[Sommaire] [Imprimer]

   1  <com:TContent ID="body">
   2  
   3  <h2>Customized Wizard Template Sample</h2>
   4  
   5  <com:TWizard ID="Wizard1"
   6          BackColor="OldLace"
   7          Width="400px"
   8          SideBarStyle.Width="120px"
   9          StepStyle.BackColor="#FFFBD6"
  10          HeaderStyle.BackColor="Moccasin"
  11          NavigationStyle.BackColor="PaleGoldenrod"
  12          OnActiveStepChanged="wizardCompleted" >
  13  
  14          <prop:HeaderTemplate>
  15          <i>Header Template</i>
  16          <br/>
  17          <b>Step <%= $this->Parent->ActiveStepIndex+1 %> of 3</b>
  18          </prop:HeaderTemplate>
  19  
  20          <prop:SideBarTemplate>
  21          <i>SideBar Template</i>
  22          <br/>
  23          <com:TDataList ID="SideBarList">
  24                  <prop:ItemTemplate>
  25                  <com:TButton ID="SideBarButton" />
  26                  </prop:ItemTemplate>
  27                  <prop:SelectedItemTemplate>
  28                  <com:TButton ID="SideBarButton" Font.Bold="true" />
  29                  </prop:SelectedItemTemplate>
  30          </com:TDataList>
  31          </prop:SideBarTemplate>
  32  
  33          <prop:StartNavigationTemplate>
  34          <com:TLinkButton CommandName="NextStep" Text="Next &gt;" />
  35          <br/>
  36          <i>Start Navigation Template</i>
  37          </prop:StartNavigationTemplate>
  38  
  39          <prop:StepNavigationTemplate>
  40          <com:TLinkButton CausesValidation="False" CommandName="PreviousStep" Text="&lt; Previous" />
  41          <com:TLinkButton CommandName="NextStep" Text="Next &gt;" />
  42          <br/>
  43          <i>Step Navigation Template</i>
  44          </prop:StepNavigationTemplate>
  45  
  46          <prop:FinishNavigationTemplate>
  47          All navigation buttons are removed.
  48          <br/>
  49          <i>Step Navigation Template</i>
  50          </prop:FinishNavigationTemplate>
  51  
  52      <com:TWizardStep ID="WizardStep1" Title="Step 1">
  53      <i>Wizard Step Content</i>
  54      <br/><br/>
  55      Your favorite color:
  56      <com:TDropDownList ID="DropDownList1">
  57      <com:TListItem Value="Red" />
  58      <com:TListItem Value="Blue" />
  59      <com:TListItem Value="Green" />
  60      <com:TListItem Value="Purple" />
  61      <com:TListItem Value="Black" />
  62      <com:TListItem Value="Yellow" />
  63      <com:TListItem Value="Orange" />
  64      <com:TListItem Value="Pink" />
  65      <com:TListItem Value="Cyan" />
  66      </com:TDropDownList>
  67      <br/><br/>
  68      </com:TWizardStep>
  69  
  70      <com:TWizardStep ID="WizardStep2" Title="Step 2">
  71      <i>Wizard Step Content</i>
  72      <br/><br/>
  73      <com:TLabel ID="Result" />
  74      <br/><br/>
  75      </com:TWizardStep>
  76  
  77      <com:TWizardStep ID="WizardStep3" Title="Step 3">
  78      <i>Wizard Step Content</i>
  79      <br/><br/>
  80      Thank you for completing this survey.<br />
  81      <br/><br/>
  82      </com:TWizardStep>
  83  </com:TWizard>
  84  
  85  </com:TContent>