From d8d697fe108e488e4b210d96ec08aa69942a3902 Mon Sep 17 00:00:00 2001 From: xue <> Date: Sat, 25 Mar 2006 04:44:38 +0000 Subject: Added TemplatedWizardStep example. --- .gitattributes | 2 + .../pages/Controls/Samples/TWizard/Sample1.page | 3 +- .../pages/Controls/Samples/TWizard/Sample2.page | 3 +- .../pages/Controls/Samples/TWizard/Sample5.page | 51 +++++++++++++++++++++ .../pages/Controls/Samples/TWizard/Sample5.php | 12 +++++ .../protected/pages/Controls/Wizard.page | 17 +++++-- .../quickstart/protected/pages/Controls/wizard.gif | Bin 4102 -> 7081 bytes 7 files changed, 83 insertions(+), 5 deletions(-) create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.page create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.php diff --git a/.gitattributes b/.gitattributes index 365361e6..def0017f 100644 --- a/.gitattributes +++ b/.gitattributes @@ -229,6 +229,8 @@ demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.page -text demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.php -text demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.page -text demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.php -text +demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.page -text +demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.php -text demos/quickstart/protected/pages/Controls/Samples/config.xml -text demos/quickstart/protected/pages/Controls/Simple.page -text demos/quickstart/protected/pages/Controls/Standard.page -text diff --git a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.page b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.page index 05ed32ec..3abf0b5c 100644 --- a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.page +++ b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample1.page @@ -5,7 +5,8 @@ diff --git a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.page b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.page index ea01e320..2ac672d8 100644 --- a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.page +++ b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample2.page @@ -8,13 +8,14 @@ BackColor="#EFF3FB" BorderColor="#B5C7DE" BorderWidth="1px" + BorderStyle="Solid" HeaderText="Please let us know your preference" SideBarStyle.Width="100px" SideBarStyle.Height="100px" SideBarStyle.BackColor="#507CD1" SideBarStyle.HorizontalAlign="Center" StepStyle.HorizontalAlign="Center" - NavigationStyle.HorizontalAlign="Right" + NavigationStyle.HorizontalAlign="Center" NavigationButtonStyle.BackColor="White" NavigationButtonStyle.BorderColor="#507CD1" NavigationButtonStyle.BorderStyle="Solid" diff --git a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.page b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.page new file mode 100644 index 00000000..89a2b8b3 --- /dev/null +++ b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.page @@ -0,0 +1,51 @@ + + +

Using Templated Wizard Steps

+ + + + +

+ Your favorite color: + + + + + + + + + + + +

+
+ + + +

+ Your favorite Sport: + + + + + +

+
+
+ + +

Thank you for your answer!

+

+

+ +

+
+
+ +
\ No newline at end of file diff --git a/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.php b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.php new file mode 100644 index 00000000..4ab6d08b --- /dev/null +++ b/demos/quickstart/protected/pages/Controls/Samples/TWizard/Sample5.php @@ -0,0 +1,12 @@ +Result1->Text="Your favorite color is: " . $this->DropDownList1->SelectedValue; + $this->Result2->Text="Your favorite sport is: " . $this->Step2->DropDownList2->SelectedValue; + } +} + +?> \ No newline at end of file diff --git a/demos/quickstart/protected/pages/Controls/Wizard.page b/demos/quickstart/protected/pages/Controls/Wizard.page index 0de4a44a..29718930 100644 --- a/demos/quickstart/protected/pages/Controls/Wizard.page +++ b/demos/quickstart/protected/pages/Controls/Wizard.page @@ -67,22 +67,33 @@ In this sample, we use wizard to collect user's preference of color. In the firs

Customizing Wizard Navigation

-Bidirectional, -Unidirectional, -Non-linear +Given a set of wizard steps, TWizard supports three different ways of navigation among them:

+ +

Using Templates in Wizard

+TWizard supports more concrete control of its outlook through templating. In particular, it provides the following template properties that allow complete customization of the wizard's header, navigation and side bar.

  • Header - HeaderTemplate.
  • Navigation - StartNavigationTemplate, StepNavigationTemplate, FinishNavigationTemplate.
  • Side bar - SideBarTemplate.
+Note about side bar button IDs, navigation button commands +headertext vs. headertemplate +tablelayout vs pure div layout +

Using Templated Wizard Steps

+Wizard steps can also be templated. By using TTemplatedWizardStep, one can customize step content and navigation through its ContentTemplate and NavigationTemplate properties, respectively. This is useful for control developers to build specialized wizards, such as user registration, shopping carts, etc.

+ \ No newline at end of file diff --git a/demos/quickstart/protected/pages/Controls/wizard.gif b/demos/quickstart/protected/pages/Controls/wizard.gif index 96765ee8..9faf580d 100644 Binary files a/demos/quickstart/protected/pages/Controls/wizard.gif and b/demos/quickstart/protected/pages/Controls/wizard.gif differ -- cgit v1.2.3