5 files changed, 23 insertions, 1 deletions

diff --git a/.gitattributes b/.gitattributes
index 6459687b..d3f6df17 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -36,6 +36,8 @@ demos/quickstart/protected/pages/chap3/HelloWorld/Home.php -text
 demos/quickstart/protected/pages/chap3/HelloWorld/config.xml -text
 demos/quickstart/protected/pages/chap3/HelloWorld/sequence.gif -text
 demos/quickstart/protected/pages/chap3/HelloWorld/sequence.vsd -text
+demos/quickstart/protected/pages/chap4/Overview.page -text
+demos/quickstart/protected/pages/chap4/Simple1.page -text
 demos/quickstart/protected/pages/config.xml -text
 demos/quickstart/themes/Simple/style.css -text
 docs/application.xml -text
diff --git a/demos/quickstart/protected/pages/TopicList.tpl b/demos/quickstart/protected/pages/TopicList.tpl
index 479dcb0d..982a9168 100644
--- a/demos/quickstart/protected/pages/TopicList.tpl
+++ b/demos/quickstart/protected/pages/TopicList.tpl
@@ -24,7 +24,9 @@
 

 <div class="topic">

 <span>Controls</span><br/>

-<a href="?page=Construction">Simple Controls</a><br/>

+<a href="?page=chap4.Overview">Overview</a><br/>

+<a href="?page=chap4.Simple1">Simple Controls: Part I</a><br/>

+<a href="?page=chap4.Simple2">Simple Controls: Part II</a><br/>

 <a href="?page=Construction">Validation Controls</a><br/>

 <a href="?page=Construction">List Controls</a><br/>

 <a href="?page=Construction">TRepeater</a><br/>

diff --git a/demos/quickstart/protected/pages/chap3/Hangman.page b/demos/quickstart/protected/pages/chap3/Hangman.page
index fc7bc2a5..a1db7a25 100644
--- a/demos/quickstart/protected/pages/chap3/Hangman.page
+++ b/demos/quickstart/protected/pages/chap3/Hangman.page
@@ -6,6 +6,9 @@ Having seen the simple "Hello World" application, we now build a more complex ap
 <p>

 To facilitate the building of this game, we show the state transition diagram of the gaming process in the following,

 </p>

+<p>

+To be continued...

+</p>

 <div class="runbar">

 <a href="?page=chap3.Hangman.Home" target="_blank">Run Sample</a>

 <a href="?page=ViewSource&amp;path=/chap3/Hangman/Home.php" target="_blank">View Source</a>

diff --git a/demos/quickstart/protected/pages/chap4/Overview.page b/demos/quickstart/protected/pages/chap4/Overview.page
new file mode 100644
index 00000000..60671652
--- /dev/null
+++ b/demos/quickstart/protected/pages/chap4/Overview.page
@@ -0,0 +1,15 @@
+<com:TContent ID="body" >

+<h4>Controls Overview</h4>

+<p>

+A control is an instance of class <code>TControl</code> or its subclass. A control is a component defined in addition with user interface. The base class <code>TControl</code> defines the parent-child relationship among controls which reflects the containment relationship among user interface elements.

+</p>

+<p>

+Control classes constitute one of the major part of PRADO framework. Nearly every generic HTML element can find its representation in terms of a PRADO control. Mastering these controls becomes extremely important to effectively and efficiently compose applications using PRADO.

+</p>

+<p>

+In this section, we will first introduce the ...., then....

+</p>

+<p>

+To be continued...

+</p>

+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/chap4/Simple1.page b/demos/quickstart/protected/pages/chap4/Simple1.page
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/demos/quickstart/protected/pages/chap4/Simple1.page