Quickstart Doc overhaul, pt. 2: active controls + minor fixes

18 files changed, 356 insertions, 277 deletions

diff --git a/demos/quickstart/protected/controls/TopicList.tpl b/demos/quickstart/protected/controls/TopicList.tpl
index 586b7f75..dbb744b6 100755
--- a/demos/quickstart/protected/controls/TopicList.tpl
+++ b/demos/quickstart/protected/controls/TopicList.tpl
@@ -56,6 +56,7 @@
     <li><a href="?page=Controls.Validation">Validation Controls</a></li>

     <li><a href="?page=Controls.List">List Controls</a></li>

     <li><a href="?page=Controls.Data">Data Controls</a></li>

+    <li><a href="?page=ActiveControls.Introduction">AJAX: Introduction</a></li>

     <li><a href="?page=ActiveControls.Home">Active Controls (AJAX)</a></li>

     <li><a href="?page=Controls.NewControl">Writing New Controls</a></li>

 </ul>

diff --git a/demos/quickstart/protected/controls/es/TopicList.tpl b/demos/quickstart/protected/controls/es/TopicList.tpl
index be4be752..41359ac2 100755
--- a/demos/quickstart/protected/controls/es/TopicList.tpl
+++ b/demos/quickstart/protected/controls/es/TopicList.tpl
@@ -1,7 +1,7 @@
 <div id="toc">

 

 <div class="topic">

-<div>Comenzar</div> 

+<div>Comenzar</div>

 <ul>

     <li><a href="?page=GettingStarted.Introduction">Introducción</a></li>

     <li><a href="?page=GettingStarted.AboutPrado">¿Que es PRADO?</a></li>

@@ -27,7 +27,7 @@
 <div>Básicos</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">Arquitectura</a></li>

-    <li><a href="?page=Fundamentals.Components">Componentes</a></li>

+    <li><a href="?page=Fundamentals.Components1">Componentes</a></li>

     <li><a href="?page=Fundamentals.Controls">Controles</a></li>

     <li><a href="?page=Fundamentals.Pages">Páginas</a></li>

     <li><a href="?page=Fundamentals.Modules">Mádulos</a></li>

diff --git a/demos/quickstart/protected/controls/fr/TopicList.tpl b/demos/quickstart/protected/controls/fr/TopicList.tpl
index 44bb0b16..c2de4a9a 100755
--- a/demos/quickstart/protected/controls/fr/TopicList.tpl
+++ b/demos/quickstart/protected/controls/fr/TopicList.tpl
@@ -26,7 +26,7 @@
 <div>Fundamentaux</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">Architecture</a></li>

-    <li><a href="?page=Fundamentals.Components">Composants</a></li>

+    <li><a href="?page=Fundamentals.Components1">Composants</a></li>

     <li><a href="?page=Fundamentals.Controls">Contrôles</a></li>

     <li><a href="?page=Fundamentals.Pages">Pages</a></li>

     <li><a href="?page=Fundamentals.Modules">Modules</a></li>

diff --git a/demos/quickstart/protected/controls/id/TopicList.tpl b/demos/quickstart/protected/controls/id/TopicList.tpl
index bfc6ed64..fa00ee37 100755
--- a/demos/quickstart/protected/controls/id/TopicList.tpl
+++ b/demos/quickstart/protected/controls/id/TopicList.tpl
@@ -27,7 +27,7 @@
 <div>Fundamental</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">Arsitektur</a></li>

-    <li><a href="?page=Fundamentals.Components">Komponen</a></li>

+    <li><a href="?page=Fundamentals.Components1">Komponen</a></li>

     <li><a href="?page=Fundamentals.Controls">Kontrol</a></li>

     <li><a href="?page=Fundamentals.Pages">Halaman</a></li>

     <li><a href="?page=Fundamentals.Modules">Modul</a></li>

diff --git a/demos/quickstart/protected/controls/ja/TopicList.tpl b/demos/quickstart/protected/controls/ja/TopicList.tpl
index ccaf5c63..bfdbf129 100755
--- a/demos/quickstart/protected/controls/ja/TopicList.tpl
+++ b/demos/quickstart/protected/controls/ja/TopicList.tpl
@@ -27,7 +27,7 @@
 <div>動作原理</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">アーキテクチャ</a></li>

-    <li><a href="?page=Fundamentals.Components">コンポーネント</a></li>

+    <li><a href="?page=Fundamentals.Components1">コンポーネント</a></li>

     <li><a href="?page=Fundamentals.Controls">コントロール</a></li>

     <li><a href="?page=Fundamentals.Pages">ページ</a></li>

     <li><a href="?page=Fundamentals.Modules">モジュール</a></li>

diff --git a/demos/quickstart/protected/controls/pl/TopicList.tpl b/demos/quickstart/protected/controls/pl/TopicList.tpl
index 93052b36..8d33914e 100755
--- a/demos/quickstart/protected/controls/pl/TopicList.tpl
+++ b/demos/quickstart/protected/controls/pl/TopicList.tpl
@@ -17,7 +17,6 @@
     <li><a href="?page=GettingStarted.HelloWorld">Tworzenie pierwszej aplikacji PRADO</a></li>

     <li><a href="?page=Fundamentals.Hangman">Przykład: gra wisielec</a></li>

     <li><a href="?page=Tutorial.CurrencyConverter">Konwenter walut</a></li>

-    <li><a href="?page=Tutorial.AddressBook">Książka adresowa</a></li>    

 	  <li><a href="?page=Tutorial.AjaxChat">AJAX-owy klient czat</a></li>

     <li><a href="?page=GettingStarted.CommandLine">Narzędzie linii poleceń</a></li>

 </ul>

@@ -27,7 +26,7 @@
 <div>Postawy</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">Architektura</a></li>

-    <li><a href="?page=Fundamentals.Components">Komponenty</a></li>

+    <li><a href="?page=Fundamentals.Components1">Komponenty</a></li>

     <li><a href="?page=Fundamentals.Controls">Kontrolki</a></li>

     <li><a href="?page=Fundamentals.Pages">Strony</a></li>

     <li><a href="?page=Fundamentals.Modules">Moduły</a></li>

diff --git a/demos/quickstart/protected/controls/zh/TopicList.tpl b/demos/quickstart/protected/controls/zh/TopicList.tpl
index 00fa2280..6557a992 100755
--- a/demos/quickstart/protected/controls/zh/TopicList.tpl
+++ b/demos/quickstart/protected/controls/zh/TopicList.tpl
@@ -26,7 +26,7 @@
 <div>基础概念</div>

 <ul>

     <li><a href="?page=Fundamentals.Architecture">框架结构</a></li>

-    <li><a href="?page=Fundamentals.Components">部件</a></li>

+    <li><a href="?page=Fundamentals.Components1">部件</a></li>

     <li><a href="?page=Fundamentals.Controls">控件</a></li>

     <li><a href="?page=Fundamentals.Pages">页面</a></li>

     <li><a href="?page=Fundamentals.Modules">模块</a></li>

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveButton.page b/demos/quickstart/protected/pages/ActiveControls/ActiveButton.page
index d4167f6e..6385b658 100755
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveButton.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveButton.page
@@ -24,70 +24,4 @@ events of an <tt>TActiveButton</tt>.</p>
 

 <com:RunBar PagePath="ActiveControls.Samples.TActiveButton.Home" />

 

-<h2 id="122027">TActiveButton Class Diagram</h2>

-<p id="610414" class="block-content">The class diagram for <tt>TActiveButton</tt> is illustrated in the figure below.

-Most active control that can perform callback request have a similar structure.

-</p>

-

-<img src=<%~ TActiveButtonClass.png %> class="figure"

-	alt="TActiveButton class diagram" title="TActiveButton class diagram" />

-

-<p id="610415" class="block-content"><tt>TActiveButton</tt> is an extension of <a href="?page=Controls.Button">TButton</a>

-and implements two additional interfaces <tt>ICallbackEventHandler</tt> and

-<tt>IActiveControl</tt>. The <tt>TActiveButton</tt> contains an instance of

-<a href="?page=ActiveControls.BaseActiveControl">TBaseActiveCallbackControl</a>

-available through the <tt>ActiveControl</tt> property of <tt>TActiveButton</tt>.

-The following example set the callback parameter of the <tt>TActiveButton</tt> when

-a callback request is dispatched.

-</p>

-<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code1">

-&lt;com:TActiveButton

-	Text="Click Me"

-	OnCallback="button_callback"

-	ActiveControl.CallbackParameter="value" /&gt;

-</com:TTextHighlighter>

-<p id="610416" class="block-content">In the <tt>OnCallback</tt> event handler method, the <tt>CallbackParameter</tt>

-is available in the <tt>$param</tt> object.</p>

-<com:TTextHighlighter Language="php" CssClass="source block-content" id="code2">

-public function button_callback($sender, $param)

-{

-	echo $param->CallbackParameter; //outputs "value"

-}

-</com:TTextHighlighter>

-

-<h2 id="122028">Adding Client Side Behaviour</h2>

-

-<p id="610417" class="block-content">With in the <tt>ActiveControl</tt> property is an instance of

-<a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a> available

-as a property <tt>ClientSide</tt> of <tt>TActiveButton</tt>.

-The <tt>ClientSide</tt> property contains sub-properties, such as <tt>RequestTimeOut</tt>,

-and client-side javascript event handler, such as <tt>OnLoading</tt>,

-that are used by the client-side when making a callback request.

-The following example demonstrates the toggling of a "loading" indicator

-when the client-side is making a callback request.

-</p>

-

-<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code3">

-&lt;com:TClientScript PradoScripts="effects" /&gt;

-<span id="callback_status">Loading...</span>

-

-&lt;com:TActiveButton

-	Text="Click Me"

-	OnCallback="button_callback"

-	ActiveControl.CallbackParameter="value" &gt;

-	&lt;prop:ClientSide

-		OnLoading="Element.show('callback_status')"

-		OnComplete="Element.hide('callback_status')" /&gt;

-&lt;/com:TActiveButton&gt;

-</com:TTextHighlighter>

-

-<p id="610418" class="block-content">The example loads the "effects" javascript library using the

-<a href="?page=Controls.ClientScript">TClientScript</a> component.

-The <tt>ClientSide.OnLoading</tt> property value contains

-javascript statement that uses the "effects" library to show the "Loading..."

-span tag. Similarly, <tt>ClientSide.OnComplete</tt> property

-value contains the javascript statement that hides the "Loading..." span tag.

-See <a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a> for

-further details on client-side property details.

-</p>

 </com:TContent>

diff --git a/demos/quickstart/protected/pages/ActiveControls/Home.page b/demos/quickstart/protected/pages/ActiveControls/Home.page
index 92bdbca2..4a180620 100755
--- a/demos/quickstart/protected/pages/ActiveControls/Home.page
+++ b/demos/quickstart/protected/pages/ActiveControls/Home.page
@@ -1,6 +1,7 @@
 <com:TContent ID="body" >

 <h1 id="128031">Active Controls (AJAX enabled Controls)</h1>

-<p id="640423" class="block-content">See the <a href="?page=ActiveControls.Introduction">Introduction</a>

+<p id="640423" class="block-content">

+Active controls extends standard PRADO controls adding the ability to automatically update themselves on callbacks without the need of ad-hoc javascript calls. See the <a href="?page=ActiveControls.Introduction">Introduction</a>

 for a quick overview of the concept behind active controls (AJAX enabled controls).

 Most active controls have a property of

 <a href="?page=ActiveControls.BaseActiveControl">ActiveControl</a> and

@@ -373,92 +374,4 @@ if Javascript was disabled on the client's browser.</p>
   

 </table>

 

-<h2 id="128036">Active Control Basic Infrastructure Classes</h2>

-<p id="640427" class="block-content">The following classes provide the basic infrastructure classes required to

-realize the active controls. They can be useful to develop new active controls, but Prado users tipically don't need

-to use them.</p>

-<ul id="u4" class="block-content">

-	<li>

-	<h3 id="190038">TActiveControlAdapter</h3>

-	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveControlAdapter" />

-	<p class="block-content">

-		<tt>TActiveControlAdapter</tt> customizes the parent TControl class for active control classes.

-		It tracks changes in the viewstate values of the control and update

-		differences of the client-side HTML element attributes.

-	</p>

-	</li>

-

-	<li>

-	<h3 id="190039">TActiveListControlAdapter</h3>

-	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveListControlAdapter" />

-	<p class="block-content">

-		<tt>TActiveListControlAdapter</tt> allows the adapted list controls to change the selections

-		on the client-side during a callback request.

-	</p>

-	</li>

-

-	<li>

-	<h3 id="190040">TActivePageAdapter</h3>

-	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActivePageAdapter" />

-	<p class="block-content">

-		<tt>TActivePageAdapter</tt> process the page life-cycle for callback requests.

-	</p>

-	</li>

-

-	<li>

-	<h3 id="190041">TBaseActiveControl</h3>

-	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TBaseActiveControl" />

-	<p class="block-content">

-		<tt>TBaseActiveControl</tt> class provided additional basic properties common for every

-		active control. An instance of <tt>TBaseActiveControl</tt> or its decendent

-		<tt>TBaseActiveCallbackControl</tt> is created by <tt>TActiveControlAdapter::getBaseActiveControl()</tt>

-		method.

-		The <tt>EnableUpdate</tt> property determines wether the active

-		control is allowed to update the contents of the client-side when the callback

-		response returns.

-	</p>

-	</li>

-

-	<li>

-	<h3 id="190042">TCallbackResponseAdapter</h3>

-	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TCallbackResponseAdapter" />

-	<p class="block-content">

-		<tt>TCallbackResponseAdapter</tt> alters the <tt>THttpResponse</tt>'s outputs.

-		A <tt>TCallbackResponseWriter</tt> is used instead of the <tt>TTextWrite</tt> when

-		<tt>createHtmlWriter</tt> is called. Each call to createHtmlWriter will create

-		a new <tt>TCallbackResponseWriter</tt>. When <tt>flushContent()</tt> is called each

-		instance of <tt>TCallbackResponseWriter</tt>'s content is flushed.

-		The callback response data can be set using the <tt>ResponseData</tt> property.

-	</p>

-	</li>

-

-</ul>

-

-<h2 id="190037">Active Control Infrastructure Advanced Classes</h2>

-<p class="block-content">The following classes provide advanced properties and events needed to realize the active controls.

-A Prado user can use them to customize active controls behaviour and interact directly with the client side during a callback.

-</p>

-<ul class="block-content">

-	<li>

-	<a href="?page=ActiveControls.CallbackClientScript">TCallbackClientScript</a>

-	methods to manipulate the client-side HTML elements, also includes methods

-	to invoke javascript Effects on HTML elements.

-	</li>

-

-	<li>

-	<a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a>

-	is used to specify client-side callback request options and client-side event handlers.

-	</li>

-

-	<li>

-	<a href="?page=ActiveControls.CallbackEventParameter">TCallbackEventParameter</a>

-	provides the parameter passed during the callback request.

-	</li>

-

-	<li>

-	<a href="?page=ActiveControls.CallbackOptions">TCallbackOptions</a>

-	allows a common set of callback client-side options to be attached to one or more active controls.

-	</li>

-</ul>

-

 </com:TContent>

diff --git a/demos/quickstart/protected/pages/ActiveControls/Introduction.page b/demos/quickstart/protected/pages/ActiveControls/Introduction.page
index 70cb9cbf..edc0b5bc 100755
--- a/demos/quickstart/protected/pages/ActiveControls/Introduction.page
+++ b/demos/quickstart/protected/pages/ActiveControls/Introduction.page
@@ -1,7 +1,204 @@
 <com:TContent ID="body">

-<h1 id="130037">Overview of Active Controls</h1>

-

-TODO:

+<h1 id="130037">AJAX: Introduction</h1>

 

+<p class="block-content">

+A classic webpage can only transfer data back to the server using an http postback request that requires a full page reload. This is a problem for web applications, since a synchronous page reload breaks the user interaction: the user must wait for the response to arrive and the page will lose its current status (the scrolling position, the currently focused control, etc..).

+</p>

 <img src=<%~ postback-callback.png %> class="figure" />

+<p class="block-content">

+A common solution to this problem is the use of AJAX (Asynchronous JavaScript and XML) callbacks. After the first full page load, the web application can make subsequents requests using javascript. The callback requests are asynchronous, so the user can continue to interact with the page while the response is loading. The response contains a list of changes that will be applied to the page "on the fly", like replacing existing elements with new content or add some css style to an existing element.

+</p>

+

+<h2>Interacting with a page on callback</h2>

+

+<p class="block-content">

+PRADO has builtin support for AJAX callbacks in the form of <i>Active Controls</i>. These controls can trigger a callback request and have their properties (value, css style, attributes, ..) updated during a callback.

+Before digging inside the list of Active Controls, it's good to have a look to how a page can be aware if the current request is a callback and how to interact with the page rendered on the client browser.

+<br/>

+The <tt>IsCallBack</tt> property of the <tt>TPage</tt> class exposes whether the current request being handled is the consequence of a callback, and the <a href="?page=ActiveControls.CallbackClientScript">CallbackClient</a> property provides many methods to update and alter the client-side content during a callback request.

+</p>

+

+<com:TTextHighlighter CssClass="source block-content">

+public function onClick($sender, $param)

+{

+	if($this->IsCallback)

+	{

+		$this->getCallbackClient()->hide($this->TextBox1);

+	}

+}

+</com:TTextHighlighter>

+

+<h1>Active Controls (AJAX enabled Controls)</h1>

+<p class="block-content">

+Active controls extends standard PRADO controls adding the ability to automatically update themselves on callbacks without the need of ad-hoc javascript calls. Active controls are reliant on a collection of javascript classes that gets added to the page automatically when needed.

+</p>

+

+<p class="block-content">

+Most active controls have a <tt>ActiveControl.EnableUpdate</tt> property that determines whether the active control is allowed to update the contents of the client-side when the callback response returns. Depending on the control different properties can be updated.

+</p>

+

+<p class="block-content">

+Some active controls can trigger a callback as a consequence of a clientside event (a button click, a checkbox being checked, a DOM event). The callback will first raise the normal serverside event associated to the control (eg: OnClick for a <tt>TButton</tt> or OnSelectedIndexChanged for a <tt>TRadioButtonList</tt>) and then the <tt>OnCallBack</tt> event.

+The <tt>AutoPostBack</tt> property typically defaults to true for these controls.

+</p>

+</p>

+

+<p class="block-content">

+Active controls have a <a href="?page=ActiveControls.CallbackClientSide">ClientSide</a> property that provides many subproperties to customize the controls and to hook some javascript code to the callback lifecycle, like showing a "Loading" logo at the start of a callback and hide it at the end.

+</p>

+

+<h2 id="122027">TActiveButton Class Diagram</h2>

+<p id="610414" class="block-content">The class diagram for <tt>TActiveButton</tt> is illustrated in the figure below.

+Most active control that can perform callback request have a similar structure.

+</p>

+

+<img src=<%~ TActiveButtonClass.png %> class="figure"

+	alt="TActiveButton class diagram" title="TActiveButton class diagram" />

+

+<p id="610415" class="block-content"><tt>TActiveButton</tt> is an extension of <a href="?page=Controls.Button">TButton</a>

+and implements two additional interfaces <tt>ICallbackEventHandler</tt> and

+<tt>IActiveControl</tt>. The <tt>TActiveButton</tt> contains an instance of

+<a href="?page=ActiveControls.BaseActiveControl">TBaseActiveCallbackControl</a>

+available through the <tt>ActiveControl</tt> property of <tt>TActiveButton</tt>.

+The following example set the callback parameter of the <tt>TActiveButton</tt> when

+a callback request is dispatched.

+</p>

+<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code1">

+&lt;com:TActiveButton

+	Text="Click Me"

+	OnCallback="button_callback"

+	ActiveControl.CallbackParameter="value" /&gt;

+</com:TTextHighlighter>

+<p id="610416" class="block-content">In the <tt>OnCallback</tt> event handler method, the <tt>CallbackParameter</tt>

+is available in the <tt>$param</tt> object.</p>

+<com:TTextHighlighter Language="php" CssClass="source block-content" id="code2">

+public function button_callback($sender, $param)

+{

+	echo $param->CallbackParameter; //outputs "value"

+}

+</com:TTextHighlighter>

+

+<h2 id="122028">Adding Client Side Behaviour</h2>

+

+<p id="610417" class="block-content">With in the <tt>ActiveControl</tt> property is an instance of

+<a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a> available

+as a property <tt>ClientSide</tt> of <tt>TActiveButton</tt>.

+The <tt>ClientSide</tt> property contains sub-properties, such as <tt>RequestTimeOut</tt>,

+and client-side javascript event handler, such as <tt>OnLoading</tt>,

+that are used by the client-side when making a callback request.

+The following example demonstrates the toggling of a "loading" indicator

+when the client-side is making a callback request.

+</p>

+

+<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code3">

+&lt;com:TClientScript PradoScripts="effects" /&gt;

+<span id="callback_status">Loading...</span>

+

+&lt;com:TActiveButton

+	Text="Click Me"

+	OnCallback="button_callback"

+	ActiveControl.CallbackParameter="value" &gt;

+	&lt;prop:ClientSide

+		OnLoading="Element.show('callback_status')"

+		OnComplete="Element.hide('callback_status')" /&gt;

+&lt;/com:TActiveButton&gt;

+</com:TTextHighlighter>

+

+<p id="610418" class="block-content">The example loads the "effects" javascript library using the

+<a href="?page=Controls.ClientScript">TClientScript</a> component.

+The <tt>ClientSide.OnLoading</tt> property value contains

+javascript statement that uses the "effects" library to show the "Loading..."

+span tag. Similarly, <tt>ClientSide.OnComplete</tt> property

+value contains the javascript statement that hides the "Loading..." span tag.

+See <a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a> for

+further details on client-side property details.

+</p>

+

+<h2 id="128036">Active Control Basic Infrastructure Classes</h2>

+<p id="640427" class="block-content">The following classes provide the basic infrastructure classes required to

+realize the active controls. They can be useful to develop new active controls, but Prado users tipically don't need

+to use them.</p>

+<ul id="u4" class="block-content">

+	<li>

+	<h3 id="190038">TActiveControlAdapter</h3>

+	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveControlAdapter" />

+	<p class="block-content">

+		<tt>TActiveControlAdapter</tt> customizes the parent TControl class for active control classes.

+		It tracks changes in the viewstate values of the control and update

+		differences of the client-side HTML element attributes.

+	</p>

+	</li>

+

+	<li>

+	<h3 id="190039">TActiveListControlAdapter</h3>

+	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveListControlAdapter" />

+	<p class="block-content">

+		<tt>TActiveListControlAdapter</tt> allows the adapted list controls to change the selections

+		on the client-side during a callback request.

+	</p>

+	</li>

+

+	<li>

+	<h3 id="190040">TActivePageAdapter</h3>

+	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TActivePageAdapter" />

+	<p class="block-content">

+		<tt>TActivePageAdapter</tt> process the page life-cycle for callback requests.

+	</p>

+	</li>

+

+	<li>

+	<h3 id="190041">TBaseActiveControl</h3>

+	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TBaseActiveControl" />

+	<p class="block-content">

+		<tt>TBaseActiveControl</tt> class provided additional basic properties common for every

+		active control. An instance of <tt>TBaseActiveControl</tt> or its decendent

+		<tt>TBaseActiveCallbackControl</tt> is created by <tt>TActiveControlAdapter::getBaseActiveControl()</tt>

+		method.

+		The <tt>EnableUpdate</tt> property determines wether the active

+		control is allowed to update the contents of the client-side when the callback

+		response returns.

+	</p>

+	</li>

+

+	<li>

+	<h3 id="190042">TCallbackResponseAdapter</h3>

+	<com:DocLink ClassPath="System.Web.UI.ActiveControls.TCallbackResponseAdapter" />

+	<p class="block-content">

+		<tt>TCallbackResponseAdapter</tt> alters the <tt>THttpResponse</tt>'s outputs.

+		A <tt>TCallbackResponseWriter</tt> is used instead of the <tt>TTextWrite</tt> when

+		<tt>createHtmlWriter</tt> is called. Each call to createHtmlWriter will create

+		a new <tt>TCallbackResponseWriter</tt>. When <tt>flushContent()</tt> is called each

+		instance of <tt>TCallbackResponseWriter</tt>'s content is flushed.

+		The callback response data can be set using the <tt>ResponseData</tt> property.

+	</p>

+	</li>

+

+</ul>

+

+<h2 id="190037">Active Control Infrastructure Advanced Classes</h2>

+<p class="block-content">The following classes provide advanced properties and events needed to realize the active controls.

+A Prado user can use them to customize active controls behaviour and interact directly with the client side during a callback.

+</p>

+<ul class="block-content">

+	<li>

+	<a href="?page=ActiveControls.CallbackClientScript">TCallbackClientScript</a>

+	methods to manipulate the client-side HTML elements, also includes methods

+	to invoke javascript Effects on HTML elements.

+	</li>

+

+	<li>

+	<a href="?page=ActiveControls.CallbackClientSide">TCallbackClientSide</a>

+	is used to specify client-side callback request options and client-side event handlers.

+	</li>

+

+	<li>

+	<a href="?page=ActiveControls.CallbackEventParameter">TCallbackEventParameter</a>

+	provides the parameter passed during the callback request.

+	</li>

+

+	<li>

+	<a href="?page=ActiveControls.CallbackOptions">TCallbackOptions</a>

+	allows a common set of callback client-side options to be attached to one or more active controls.

+	</li>

+</ul>

 </com:TContent>

diff --git a/demos/quickstart/protected/pages/Advanced/Error.page b/demos/quickstart/protected/pages/Advanced/Error.page
index 24c7ead0..391997fb 100755
--- a/demos/quickstart/protected/pages/Advanced/Error.page
+++ b/demos/quickstart/protected/pages/Advanced/Error.page
@@ -71,7 +71,7 @@ The naming convention for the template files used for all other exceptions is as
 Again, if the preferred language is not found, PRADO will try to use <tt>exception.html</tt>, instead.

 </p>

 <div class="note">

-<b class="tip">CAUTION:</b> When saving a template file, please make sure the file is saved using UTF-8 encoding. On Windows, you may use <tt>Notepad.exe</tt> to accomplish such saving.

+<b class="tip">CAUTION:</b> When saving a template file, please make sure the file is saved using UTF-8 encoding. On Windows, you may use <tt>Notepad++</tt> to accomplish such saving.

 </div>

 

 </com:TContent>

diff --git a/demos/quickstart/protected/pages/Controls/NewControl.page b/demos/quickstart/protected/pages/Controls/NewControl.page
index 10c789db..9a680f43 100755
--- a/demos/quickstart/protected/pages/Controls/NewControl.page
+++ b/demos/quickstart/protected/pages/Controls/NewControl.page
@@ -10,7 +10,7 @@ In general, there are two ways of writing new controls: composition of existing
 

 <h2 id="5402">Composition of Existing Controls</h2>

 <p id="660430" class="block-content">

-Composition is the easiest way of creating new controls. It mainly involves instantiating existing controls, configuring them and making them the constituent components. The properties of the constituent components are exposed through <a href="?page=Fundamentals.Components">subproperties</a>.

+Composition is the easiest way of creating new controls. It mainly involves instantiating existing controls, configuring them and making them the constituent components. The properties of the constituent components are exposed through <a href="?page=Fundamentals.Components1">subproperties</a>.

 </p>

 <p id="660431" class="block-content">

 One can compose a new control in two ways. One is to extend <tt>TCompositeControl</tt> and override the <tt>TControl::createChildControls()</tt> method. The other is to extend <tt>TTemplateControl</tt> (or its child classes) and write a control template. The latter is easier to use and can organize the layout constituent components more intuitively, while the former is more efficient because it does not require parsing of the template.

diff --git a/demos/quickstart/protected/pages/Controls/id/NewControl.page b/demos/quickstart/protected/pages/Controls/id/NewControl.page
index ea083f6c..85c6eff0 100755
--- a/demos/quickstart/protected/pages/Controls/id/NewControl.page
+++ b/demos/quickstart/protected/pages/Controls/id/NewControl.page
@@ -10,7 +10,7 @@ Secara umum, ada dua cara penulisan kontrol baru: komposisi kontrol yang sudah a
 

 <h2 id="5402">Komposisi Kontrol yang Sudah Ada</h2>

 <p id="660430" class="block-content">

-Komposisi adalah cara termudah membuat kontrol baru. Ia melibatkan terutama penurunan kontrol yang sudah ada, mengkonfigurasinya dan menjadikannya unsur komponen. Properti dari unsur komponen diperlihatkan melalui <a href="?page=Fundamentals.Components">subproperti</a>.

+Komposisi adalah cara termudah membuat kontrol baru. Ia melibatkan terutama penurunan kontrol yang sudah ada, mengkonfigurasinya dan menjadikannya unsur komponen. Properti dari unsur komponen diperlihatkan melalui <a href="?page=Fundamentals.Components1">subproperti</a>.

 </p>

 <p id="660431" class="block-content">

 Seseorang dapat menciptakan sebuah kontrol baru dalam dua cara. Pertama adalah memperluas <tt>TCompositeControl</tt> dan mengganti metode <tt>TControl::createChildControls()</tt>. Kedua adalah memperluas <tt>TTemplateControl</tt> (atau kelas anaknya) dan menulis template kontrol. Yang terakhir lebih mudah digunakan dan bisa mengatur tata letak unsur komponen lebih intuitif, sementara pembentuk lebih efisien karena ia tidak perlu menguraikan template.

diff --git a/demos/quickstart/protected/pages/Database/ActiveRecord.page b/demos/quickstart/protected/pages/Database/ActiveRecord.page
index 537c65e0..cf1485bd 100755
--- a/demos/quickstart/protected/pages/Database/ActiveRecord.page
+++ b/demos/quickstart/protected/pages/Database/ActiveRecord.page
@@ -129,7 +129,7 @@ You may specify qualified table names. E.g. for MySQL, <tt>TABLE = "`database1`.
 </div>
 
 <div class="note"><b class="note">Note:</b>
-Since version <b>3.1.3</b> you can also use a method <tt>table()</tt> to define the table name. 
+Since version <b>3.1.3</b> you can also use a method <tt>table()</tt> to define the table name.
 This allows you to dynamically specify which table should be used by the ActiveRecord.
 <com:TTextHighlighter Language="php" CssClass="source block-content">
 class TeamRecord extends TActiveRecord
@@ -159,7 +159,7 @@ class UserRecord extends TActiveRecord {
     }
 }
 </com:TTextHighlighter>
-<p id="710010" class="block-content">More details regarding TComponent can be found in the <a href="?page=Fundamentals.Components">Components documentation</a>.
+<p id="710010" class="block-content">More details regarding TComponent can be found in the <a href="?page=Fundamentals.Components1">Components documentation</a>.
 Later we shall use the getter/setters to allow for lazy loading of relationship objects.
 </p>
 
@@ -1128,7 +1128,7 @@ class PlayerRecord extends BaseFkRecord
 <p id="710046" class="block-content">We first need to change the <tt>$skills=array()</tt> declaration to a private property
 <tt>$_skills</tt> (notice the underscore) and set it to null instead. This allows us
 to define the <tt>skills</tt> property using getter/setter methods
-(see <a href="?page=Fundamentals.Components">Components</a> for details). The <tt>getSkills()</tt>
+(see <a href="?page=Fundamentals.Components1">Components</a> for details). The <tt>getSkills()</tt>
 getter method for the <tt>skills</tt> property will lazy load the corresponding skills foreign record
 when it is used as follows. Notice that we only do a lazy load when its <tt>$player_id</tt> is
 not null (that is, when the record is already fetched from the database or player id was already set).
diff --git a/demos/quickstart/protected/pages/Database/id/ActiveRecord.page b/demos/quickstart/protected/pages/Database/id/ActiveRecord.page
index 454aa3f9..8e81678e 100755
--- a/demos/quickstart/protected/pages/Database/id/ActiveRecord.page
+++ b/demos/quickstart/protected/pages/Database/id/ActiveRecord.page
@@ -3,7 +3,7 @@
 <com:SinceVersion Version="3.1a" />
 <p id="690478" class="block-content">Rekaman Aktif adalah obyek yang melapisi baris dalam tabel atau view database,
     melindungi akses database dan menambahkan logika domain pada data tersebut.
-    Dasar dari Rekaman Aktif adalah kelas bisnis, sebagai contoh, kelas 
+    Dasar dari Rekaman Aktif adalah kelas bisnis, sebagai contoh, kelas
     <tt>Products</tt>, yang hampir menyamai struktur rekaman dari tabel database
     dibawahnya. Setiap Rekaman Aktif akan bertanggung jawab atas
     penyimpanan dan pengambilan data ke dan dari database. </p>
@@ -14,22 +14,22 @@
 </div>
 
 <h2 id="138047">Kapan Menggunakannya</h2>
-<p id="690479" class="block-content">Rekaman Aktif adalah pilihan yang baik untuk logika domain yang tidak terlalu rumit, 
+<p id="690479" class="block-content">Rekaman Aktif adalah pilihan yang baik untuk logika domain yang tidak terlalu rumit,
     seperti membuat, membaca, memutakhirkan, dan menghapus. Derivasi dan validasi
     didasarkan pada satu rekaman yang bekerja denga baik dalam struktur ini. Rekaman Aktif mempunyai kuntungan utama dalam hal kesederhanaan. Mudah untuk membangun Rekaman Aktif, dan mudah untuk dimengerti.</p>
 
     <p id="690480" class="block-content">Akan tetapi, seiring dengan perkembangan logika bisnis Anda dalm hal kompleksitas, Anda akan segera ingin menggunakan hubungan langsung obyek Anda, koleksi, turunan, dan seterusnya. Ini tidak mudah diterapkan ke dalam Rekaman Aktif, dan menambahkannya sedikit demi sedikit menjadi sangat kacau.
     Argumen lain terhadap Rekaman Aktif adalah kenyataan bahwa ia menyandingkan desin obyek ke desain database. Ini menjadikannya lebih sulit untuk merefraktorisasi karena proyek terus berjalan.</p>
-    
-    <p id="690481" class="block-content">Alternatifnya adalah menggunakan Pemeta Data yang yang memisahkan aturan dari obyek bisnis dan bagaimana obyek ini disimpan.       
+
+    <p id="690481" class="block-content">Alternatifnya adalah menggunakan Pemeta Data yang yang memisahkan aturan dari obyek bisnis dan bagaimana obyek ini disimpan.
         Prado menyediakan pilihan tambahan antara Rekaman Aktif dan
-        <a href="?page=Database.SqlMap">Pemeta Data SqlMap</a>. 
-        Pemeta Data SqlMap bisa dipakai untuk mengambil obyek Rekaman Aktif, hasilnya; obyek Rekaman Aktif ini bisa dipakai untuk memutakhirkan database. 
+        <a href="?page=Database.SqlMap">Pemeta Data SqlMap</a>.
+        Pemeta Data SqlMap bisa dipakai untuk mengambil obyek Rekaman Aktif, hasilnya; obyek Rekaman Aktif ini bisa dipakai untuk memutakhirkan database.
         "Hubungan" antara Rekaman Aktif dan <a href="?page=Database.SqlMap">SqlMap</a> digambarkan dalam diagram berikut. Lebih rinci mengenai Pemeta Data SqlMap dapat ditemukan dalam
     <a href="http://www.pradosoft.com/demos/sqlmap/">Manual SqlMap</a>.
     <img src=<%~ sqlmap_active_record.png %> alt="Rekaman Aktif dan SqlMap DataMapper" id="fig:diagram.png" class="figure"/>
     </p>
-    
+
     <p id="690482" class="block-content">
         Kelas Rekaman Aktif berfungsi untuk melakukan tugas-tugas berikut.
     </p>
@@ -41,22 +41,22 @@
     </ul>
 <h2>Implikasi Desain</h2>
 <p>
-Implementasi Prado terhadap Rekaman Aktif tidak memelihara identitas referensial. Setiap obyek diperoleh menggunakan Rekaman Aktif pada data dalam database. Sebagai contoh, jika Anda meminta kustomer tertentu dan mendapatkan kembali obyek <tt>Customer</tt>, kali berikutnya Anda meminta kustomer itu, Anda akan kembali mendapatkan turunan lain dari obyek <tt>Customer</tt>. Ini berarti bahwa perbandingan tepat (misalnya menggunakan <tt>===</tt>) akan mengembalikan false, sementara perbandingan bebas (misalnya menggunakan <tt>==</tt>) akan mengembalikan true jika nilai obyek sama menurut perbandingan bebas. 
+Implementasi Prado terhadap Rekaman Aktif tidak memelihara identitas referensial. Setiap obyek diperoleh menggunakan Rekaman Aktif pada data dalam database. Sebagai contoh, jika Anda meminta kustomer tertentu dan mendapatkan kembali obyek <tt>Customer</tt>, kali berikutnya Anda meminta kustomer itu, Anda akan kembali mendapatkan turunan lain dari obyek <tt>Customer</tt>. Ini berarti bahwa perbandingan tepat (misalnya menggunakan <tt>===</tt>) akan mengembalikan false, sementara perbandingan bebas (misalnya menggunakan <tt>==</tt>) akan mengembalikan true jika nilai obyek sama menurut perbandingan bebas.
 <p>
 <p>
 Implikasi desain ini terkait dengan pertanyaan berikut.
-<i>"Anda pikir kustomer sebagai obyek, di mana hanya satu, 
+<i>"Anda pikir kustomer sebagai obyek, di mana hanya satu,
 atau Anda pikir obyek yang Anda operasikan sebagai <b>duplikat</b> dari database?"</i>
-Pemetaan O/R lain akan mengartikan bahwa hanya ada satu obyek Kustomer dengan custID 100, dan secara literal ia adalah kustomer. 
-Jika Anda mendapatkan kustomer dan mengubah field-nya, maka Anda sekarang telah mengubah kustomer itu. 
-<i>"Itu berbatasan dengan: Anda telah mengubah duplikat kustomer ini, tapi bukan pada duplikat itu. 
+Pemetaan O/R lain akan mengartikan bahwa hanya ada satu obyek Kustomer dengan custID 100, dan secara literal ia adalah kustomer.
+Jika Anda mendapatkan kustomer dan mengubah field-nya, maka Anda sekarang telah mengubah kustomer itu.
+<i>"Itu berbatasan dengan: Anda telah mengubah duplikat kustomer ini, tapi bukan pada duplikat itu.
 Dan jika dua orang memutakhirkan kustomer pada dua duplikat obyek, siapapun yang memutakhirkan pertama kali, atau mungkin yang terakhir yang menang."</i> [A. Hejlsberg 2003]
 </p>
 
 <h2 id="142010">Database yang Didukung</h2>
 <p id="p1" class="block-content">
-Implementasi Rekaman Aktif memanfaatkan kelas <a href="?page=Database.DAO">Prado DAO</a> untuk akses data.   
-Implementasi Rekaman Aktif saat ini mendukung database sebagai berikut. 
+Implementasi Rekaman Aktif memanfaatkan kelas <a href="?page=Database.DAO">Prado DAO</a> untuk akses data.
+Implementasi Rekaman Aktif saat ini mendukung database sebagai berikut.
 </p>
 <ul>
     <li><a href="http://www.mysql.com">MySQL 4.1 atau lebih tinggi</a></li>
@@ -69,8 +69,8 @@ Implementasi Rekaman Aktif saat ini mendukung database sebagai berikut.
 
 <h1 id="138048">Mendefinisikan Rekaman Aktif</h1>
 <p id="690483" class="block-content">Mari kita anggap tabel
-    "<tt>users</tt>" berikut yang berisi dua kolom bernama "<tt>username</tt>" dan "<tt>email</tt>", 
-    di mana "<tt>username</tt>" juga merupakan kunci primer. 
+    "<tt>users</tt>" berikut yang berisi dua kolom bernama "<tt>username</tt>" dan "<tt>email</tt>",
+    di mana "<tt>username</tt>" juga merupakan kunci primer.
 <com:TTextHighlighter Language="sql" CssClass="source block-content" id="code_690147">
 CREATE TABLE users
 (
@@ -88,7 +88,7 @@ class UserRecord extends TActiveRecord
 
     public $username; //kolom bernama "username" dalam tabel "users"
     public $email;
-    
+
     /**
      * @return TActiveRecord active record finder instance
      */
@@ -116,7 +116,7 @@ Anda dapat menetapkan nama-nama tabel yang memenuhi syarat. Contohnya untuk MySQ
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690149">
 class UserRecord extends TActiveRecord {
     ... //definisi yang sudah ada seprti di atas
-    
+
     private $_level;
     public function setLevel($value) {
         $this->_level=TPropertyValue::ensureInteger($value,0);
@@ -126,18 +126,18 @@ class UserRecord extends TActiveRecord {
     }
 }
 </com:TTextHighlighter>
-<p id="710010" class="block-content">Lebih jelas mengenai TComponent dapat ditemukan dalam <a href="?page=Fundamentals.Components">Dokumentasi komponen</a>.
+<p id="710010" class="block-content">Lebih jelas mengenai TComponent dapat ditemukan dalam <a href="?page=Fundamentals.Components1">Dokumentasi komponen</a>.
 Nantinya kita harus dapat menggunakan pengambil/penyetel guna membolehkan pengambilan malas atas obyek yang berhubungan.
 </p>
 
 <div class="info"><b class="note">Info:</b>
 <tt>TActiveRecord</tt> juga dapat bekerja dengan view database dengan menetapkan konstan <tt>TABLE</tt> terkait ke nama view. Akan tetapi,
 obyek yang dikembalikan dari view hanya-baca, memanggil metode
-<tt>save()</tt> atau <tt>delete()</tt> akan memunculkan eksepsi. 
+<tt>save()</tt> atau <tt>delete()</tt> akan memunculkan eksepsi.
 </div>
 
 <p id="690486" class="block-content">
-    Metode statis <tt>finder()</tt> mengembalilkan turunan <tt>UserRecord</tt> 
+    Metode statis <tt>finder()</tt> mengembalilkan turunan <tt>UserRecord</tt>
     yang dapat dipakai untuk mengambil rekaman dari database. Pengambilan rekaman menggunakan metode finder akan didiskusikan nanti. Metode statis <tt>TActiveRecord::finder()</tt> mengambil nama kelas Rekaman Aktif sebagai parameter.
 </p>
 
@@ -152,7 +152,7 @@ obyek yang dikembalikan dari view hanya-baca, memanggil metode
 $dsn = 'pgsql:host=localhost;dbname=test'; //Postgres SQL
 $conn = new TDbConnection($dsn, 'dbuser','dbpass');
 TActiveRecordManager::getInstance()->setDbConnection($conn);
-</com:TTextHighlighter> 
+</com:TTextHighlighter>
 
 <p id="710011" class="block-content">Alternatifnya, Anda dapat membuat basis kelas dan mengganti metode <tt>getDbConnection()</tt> untuk mengembalikan
 koneksi database. Ini adalah cara sederhana untuk mengijinkan koneksi database multipel. Kode berikut mendemonstrasikan penetapan koneksi database dalam sebuah basis kelas (tidak perlu menyetel koneksi DB di manapun juga).
@@ -178,13 +178,13 @@ class MyDb2Record extends TActiveRecord
         return $conn;
     }
 }
-</com:TTextHighlighter> 
+</com:TTextHighlighter>
 
 
 <h3 class="prado-specific">Menggunakan <tt>application.xml</tt> di dalam Kerangka Kerja Prado</h3>
 <div class="prado-specific">
 <p id="690488" class="block-content">
-    Koneksi database standar dapat juga dikonfigurasi menggunakan tag <tt>&lt;module&gt;</tt> dalam <a href="?page=Configurations.AppConfig">application.xml</a> 
+    Koneksi database standar dapat juga dikonfigurasi menggunakan tag <tt>&lt;module&gt;</tt> dalam <a href="?page=Configurations.AppConfig">application.xml</a>
     atau <a href="?page=Configurations.PageConfig">config.xml</a> seperti berikut.
 <com:TTextHighlighter Language="xml" CssClass="source block-content" id="code_690151">
 <modules>
@@ -192,8 +192,8 @@ class MyDb2Record extends TActiveRecord
     <database ConnectionString="pgsql:host=localhost;dbname=test"
         Username="dbuser" Password="dbpass" />
   </module>
-</modules>  
-</com:TTextHighlighter> 
+</modules>
+</com:TTextHighlighter>
 <div class="tip"><b class="note">Tip:</b>
     Atribut <tt>EnableCache</tt> ketika disetel ke "true" akan melakukan cache meta data tabel, yakni nama kolom tabel, indeks dan batasan yang disimpan dalam cache dan dipakai ulang. Anda harus membersihkan atau mematikan cache jika Anda ingin melihat perubahan terhadap definisi tabel Anda. <a href="?page=Advanced.Performance#6402">Modul cache</a> juga harus didefinisikan agar cache berfungsi.
 </div>
@@ -207,13 +207,13 @@ class MyDb2Record extends TActiveRecord
         Username="dbuser" Password="dbpass" />
   </module>
 
-  <module class="System.Data.ActiveRecord.TActiveRecordConfig" 
+  <module class="System.Data.ActiveRecord.TActiveRecordConfig"
         ConnectionID="db1" EnableCache="true"  />
 
   <module class="System.Data.SqlMap.TSqlMapConfig"
         ConnectionID="db1"  ... />
-</modules>  
-</com:TTextHighlighter>     
+</modules>
+</com:TTextHighlighter>
 </p>
 </div>
 
@@ -299,10 +299,10 @@ $criteria->Offset = 20;
 
 <div class="note"><b class="note">Catatan:</b>
 Untuk MSSQL dan saat <tt>Limit</tt> serta <tt>Offset</tt> berisi nilai integer positif. Query aktual yang dijalankan diubah oleh kelas
-<com:DocLink ClassPath="System.Data.ActiveRecord.Common.Mssql.TMssqlCommandBuilder" 
+<com:DocLink ClassPath="System.Data.ActiveRecord.Common.Mssql.TMssqlCommandBuilder"
 Text="TMssqlCommandBuilder"
 />
-berdasarkan pada 
+berdasarkan pada
 <a href="http://troels.arvin.dk/db/rdbms/#select-limit-offset">http://troels.arvin.dk/db/rdbms/</a>
 untuk mengemulasikan kondisi <tt>Limit</tt> dan <tt>Offset</tt>.
 </div>
@@ -332,11 +332,11 @@ $finder->find('Username = ? AND Password = ?', $name, $pass);
 $finder->findAllByAge($age);
 $finder->findAll('Age = ?', $age);
 </com:TTextHighlighter>
-    
+
 <div class="tip"><b class="note">Tip:</b>
 Anda juga dapat menggunakan kombinasi <tt>AND</tt> dan <tt>OR</tt> sebagai kondisi dalam metode dinamis.
 </div>
-    
+
 <h3 id="138060"><tt>findBySql()</tt> dan <tt>findAllBySql()</tt></h3>
 <p id="690497" class="block-content">Mencari rekaman menggunakan SQL penuh di mana <tt>findBySql()</tt> mengembalikan Rekaman Aktif dan <tt>findAllBySql()</tt>mengembalikan array obyek rekaman.
 Untuk setiap kolom yang dikembalikan, kelas Rekaman Aktif terkait harus mendefinisikan variabel atau properti untuk setiap nama kolom terkait.
@@ -371,7 +371,7 @@ Obyek dimutakhirkan dengan kunci primer dari tabel itu yang berisi definisi yang
 Sebagai contoh, jika Anda menyisipkan sebuah rekaman baru ke dalam tabel MySQL yang kolomnya didefinisikan dengan "autoincrement", obyek Rekaman Aktif akan dimutakhirkan dengan nilai yang ditambahkan.</div>
 
 <p id="690500" class="block-content">
-Untuk memutakhirkan rekaman dalam database, cukup ubah satu atau lebih properti obyek Rekaman Aktif yang sudah diambil dari database dan kemudian panggil metode <tt>save()</tt>.    
+Untuk memutakhirkan rekaman dalam database, cukup ubah satu atau lebih properti obyek Rekaman Aktif yang sudah diambil dari database dan kemudian panggil metode <tt>save()</tt>.
 
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690162">
 $user = UserRecord::finder()->findByName('admin');
@@ -392,7 +392,7 @@ Kapan saja Anda memanggil metode <tt>save()</tt> pada obyek TActiveRecord, obyek
 <h2 id="138052">Menghapus rekaman yang sudah ada</h2>
 <p id="690502" class="block-content">
     Untuk menghapus rekaman yang sudah ada dan diambil, cukup panggil metode <tt>delete()</tt>.
-    Anda juga dapat menghapus rekaman dalam database dengan kunci primer tanpa mengambil rekaman apapun menggunakan metode <tt>deleteByPk()</tt> (dan metode yang sama <tt>deleteAllByPks()</tt>). 
+    Anda juga dapat menghapus rekaman dalam database dengan kunci primer tanpa mengambil rekaman apapun menggunakan metode <tt>deleteByPk()</tt> (dan metode yang sama <tt>deleteAllByPks()</tt>).
     Sebagai contoh, untuk menghapus satu atau beberapa rekaman dengan menggunakan satu atau lebih kunci primer.
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690163">
@@ -457,8 +457,8 @@ TActiveRecord menawarkan dua event, <tt>OnCreateCommand</tt> dan <tt>OnExecuteCo
 </p>
 
 <p id="710015" class="block-content">
-Event <tt>OnExecuteCommand</tt> dimunculkan ketika perintah dijalankan dan hasil dari database dikembalikan. Obyek parameter <tt>TDataGatewayResultEventParameter</tt> 
-dari properti <tt>Result</tt> berisi data yang dikembalikan dari database. 
+Event <tt>OnExecuteCommand</tt> dimunculkan ketika perintah dijalankan dan hasil dari database dikembalikan. Obyek parameter <tt>TDataGatewayResultEventParameter</tt>
+dari properti <tt>Result</tt> berisi data yang dikembalikan dari database.
 Data yang dikembalikan dapat diubah dengan setelan properti <tt>Result</tt>.
 </p>
 
@@ -491,7 +491,7 @@ function logger($sender,$param)
 }
 TActiveRecord::finder('MyRecord')->OnExecuteCommand[] = 'logger';
 $obj->OnExecuteCommand[] = array($logger, 'log'); //setiap PHP callback yg benar.
-</com:TTextHighlighter> 
+</com:TTextHighlighter>
 
 <h1 id="ar_relations">Hubungan Rekaman Aktif</h1>
 <com:SinceVersion Version="3.1rc1" />
@@ -507,7 +507,7 @@ Dalam bagian berikut kita akan menganggap hubungan tabel antara
 <img src=<%~ ar_relations.png %> class="figure" />
 
 
-<p id="710018" class="block-content">Tujuannya adalah untuk mendapatkan model obyek yang mewakili ke beberapa derajat hubungan entitas dalam gambar di atas. 
+<p id="710018" class="block-content">Tujuannya adalah untuk mendapatkan model obyek yang mewakili ke beberapa derajat hubungan entitas dalam gambar di atas.
 </p>
 
 <img src=<%~ ar_objects.png %> class="figure" />
@@ -534,7 +534,7 @@ CREATE TABLE bar
 </div>
 
 <h2 id="142012">Pemetaan Kunci Asing</h2>
-<p class="block-content">Hubungan entitas antara tabel <tt>Teams</tt> dan <tt>Players</tt> adalah apa yang dikenal sebagai hubungan 1-M. Yaitu, satu Tim dapat berisi 0 atau lebih Pemain. Dalam batasan hubungan obyek, kita katakan bahwa obyek <tt>TeamRecord</tt> <b>memiliki banyak</b> obyek <tt>PlayerRecord</tt>. 
+<p class="block-content">Hubungan entitas antara tabel <tt>Teams</tt> dan <tt>Players</tt> adalah apa yang dikenal sebagai hubungan 1-M. Yaitu, satu Tim dapat berisi 0 atau lebih Pemain. Dalam batasan hubungan obyek, kita katakan bahwa obyek <tt>TeamRecord</tt> <b>memiliki banyak</b> obyek <tt>PlayerRecord</tt>.
 (Perhatikan kebalikan dari arah hubungan antara tabel dan obyek.)
 <p id="710019" class="block-content">
 
@@ -548,7 +548,7 @@ class TeamRecord extends TActiveRecord
     const TABLE='Teams';
     public $name;
     public $location;
-    
+
     public $players=array();  // deklarasi ini tidak diperlukan lagi sejak v3.1.2
 
     //mendefinisikan anggota $player yang memiliki hubungan banyak dengan PlayerRecord
@@ -616,7 +616,7 @@ Metode <tt>with_xxx()</tt> (di mana <tt>xxx</tt> adalah nama properti hubungan,
 
 <div class="note"><b class="note">Catatan:</b>
 Penting untuk dimengerti bahwa obyek terkait diambil menggunakan query tambahan. Query pertama mengambil obyek sumber, misalnya <tt>TeamRecord</tt> dalam contoh kode di atas.
-Query kedua dipakai untuk mengambil obyek <tt>PlayerRecord</tt> terkait. 
+Query kedua dipakai untuk mengambil obyek <tt>PlayerRecord</tt> terkait.
 Penggunaan dua query mirip dengan query tunggal menggunakan Left-Outer join dengan eksepsi bahwa hasil null pada tabel kanan tidak dikembalikan. Konsekuensi pemakaian dua tau lebih query adalah kondisi agregat dan join tidak layak menggunakan Rekaman Aktif. Untuk query di luar lingkup Rekaman Aktif, <a href="?page=Database.SqlMap">Pemeta Data SqlMap</a> diapat dupertimbangkan.
 </div>
 
@@ -634,9 +634,9 @@ Kode berikut mendefinisikan kelas <tt>PlayerRecord</tt> lengkap dengan 3 hubunga
 class PlayerRecord extends TActiveRecord
 {
     const TABLE='Players';
-    public $player_id;	
-    public $age;	
-    public $team_name;	
+    public $player_id;
+    public $age;
+    public $team_name;
 
     public $team;		// deklarasi ini tidak diperlukan lagi sejak v3.1.2
     public $skills=array();	// deklarasi ini tidak diperlukan lagi sejak v3.1.2
@@ -656,9 +656,9 @@ class PlayerRecord extends TActiveRecord
 }
 </com:TTextHighlighter>
 <p id="710026" class="block-content">
-Properti <tt>$RELATIONS</tt> dari <tt>PlayerRecord</tt> mendefinisikan properti <tt>$team</tt> <b>milik</b> <tt>TeamRecord</tt>. 
-Array <tt>$RELATIONS</tt> juga mendefinisikan dua hubungan lainnya yang nanti akan kita uji dalam seksi di bawah ini. 
-Dalam <tt>array(self::BELONGS_TO, 'TeamRecord')</tt>, elemen pertama mendefinisikan tipe hubungan, dalam hal ini <strong><tt>self::BELONGS_TO</tt></strong> dan 
+Properti <tt>$RELATIONS</tt> dari <tt>PlayerRecord</tt> mendefinisikan properti <tt>$team</tt> <b>milik</b> <tt>TeamRecord</tt>.
+Array <tt>$RELATIONS</tt> juga mendefinisikan dua hubungan lainnya yang nanti akan kita uji dalam seksi di bawah ini.
+Dalam <tt>array(self::BELONGS_TO, 'TeamRecord')</tt>, elemen pertama mendefinisikan tipe hubungan, dalam hal ini <strong><tt>self::BELONGS_TO</tt></strong> dan
 elemen kedua adalah string <tt>'TeamRecord'</tt> yang terkait ke nama kelas dari kelas <tt>TeamRecord</tt>.
 Obyek pemain dengan obyek tim terkait dapat diambil serperti berikut.
 </p>
@@ -703,7 +703,7 @@ class ProfileRecord extends TActiveRecord
 <p id="710029" class="block-content">Intinya, ada hubungan "<b>belongs to</b>" untuk obyek yang mengaitkan entitas yang memmpunyai kolom yakni kunci asing. Dalam keadaan tertentu, kita melihat bahwa tabel <tt>Profiles</tt> mempunyai batasan kunci asing pada kolom <tt>player_id</tt> yang terkait ke tabel
 <tt>Players</tt> kolom <tt>player_id</tt>. Selanjutnya, obyek <tt>ProfileRecord</tt>
 memiliki properti (<tt>$player</tt>) yang adalah <b>milik</b> obyek <tt>PlayerRecord</tt>.
-Demikian juga, tabel <tt>Players</tt> mempunyai batasan kunci asing pada kolom <tt>team_name</tt> yang terkait ke tabel <tt>Teams</tt> kolom <tt>name</tt>. 
+Demikian juga, tabel <tt>Players</tt> mempunyai batasan kunci asing pada kolom <tt>team_name</tt> yang terkait ke tabel <tt>Teams</tt> kolom <tt>name</tt>.
 Kemudian, obyek <tt>PlayerRecord</tt> mempunyai properti (<tt>$team</tt>) yang adalah <b>milik</b> obyek <tt>TeamRecord</tt>.
 </p>
 
@@ -756,13 +756,13 @@ dua elemen tambahan ini mirip seperti parameter yang dikirimkan ke metode <tt>fi
 Obyek dapat dengan mudah menangani field multi nilai dengan menggunakan koleksi sebagai nilai field. Database relasional tidak memiliki fitur ini dan dibatasi hanya ke field nilai-tunggal.  Ketika Anda memetakan asosiasi satu-ke-banyak, Anda bisa menangani ini menggunakan hubungan <b>has many</b>, intinya menggunakan kunci asing untuk nilai-tunggal akhir dari asosiasi. Tapi asosiasi banyak-ke-banyak tidak bisa melakukan ini karena tidak ada nilai-tunggal akhir ke kunci asing yang dipegangnya.
 </p>
 <p id="710033" class="block-content">
-Jawabannya adalah resolusi klasik yang telah dipakai oleh orang selama dekade ini yakni: buat tabel ekstra (tabel asosiasi) untuk merekam asosiasi. 
+Jawabannya adalah resolusi klasik yang telah dipakai oleh orang selama dekade ini yakni: buat tabel ekstra (tabel asosiasi) untuk merekam asosiasi.
 Ide dasarnya adalah menggunakan tabel asosiasi untuk menyimpan asosiasi. Tabel ini memiliki ID kunci asing untuk dua tabel yang dikaitkan bersama, masing-masing memiliki pasangan dari obyek yang diasosiasikan.
 </p>
 <p id="710034" class="block-content">
 Tabel asosiasi tidak mempunyai kaitan obyek dalam-memori dan kunci primernya adalah gabungan dari dua kunci primer dari tabel yang diasosiasikan.
-Dalam batasan yang sederhana, tuntuk mengambil data dari tabel asosiasi, Anda melakukan dua query (secara umum, ini juga bisa dicapai menggunakan satu query yang terdiri dari join). 
-Anggap pengambilan koleksi <tt>SkillRecord</tt> untuk daftar obyek <tt>PlayerRecord</tt>. 
+Dalam batasan yang sederhana, tuntuk mengambil data dari tabel asosiasi, Anda melakukan dua query (secara umum, ini juga bisa dicapai menggunakan satu query yang terdiri dari join).
+Anggap pengambilan koleksi <tt>SkillRecord</tt> untuk daftar obyek <tt>PlayerRecord</tt>.
 Dalam hal ini, Anda melakukan query dalam dua tahap.  Tahap pertama meng-query tabel <tt>Players</tt> untuk mencari seluruh baris dari pemain yang Anda inginkan. Tahap kedua mencari obyek <tt>SkillRecord</tt> ID pemain terkait untuk setiap barisnya dalam tabel asosiasi  <tt>Player_Skills</tt> menggunakan sebuah inner join.
 </p>
 
@@ -794,7 +794,7 @@ class SkillRecord extends TActiveRecord
 <p id="710036" class="block-content">
 Properti statis <tt>$RELATIONS</tt> dari SkillRecord mendefinisikan bahwa properti <tt>$players</tt> memiliki banyak <tt>PlayerRecord</tt>s melalui tabel asosiasi '<tt>Player_Skills</tt>'.
 Dalam <tt>array(self::MANY_TO_MANY, 'PlayerRecord', 'Player_Skills')</tt>, elemen pertama mendefinisikan tipe hubungan, dalam hal ini <strong><tt>self::HAS_MANY</tt></strong>,
-elemen kedua adalah string <tt>'PlayerRecord'</tt> yang terkait ke nama kelas dari kelas <tt>PlayerRecord</tt>, dan elemen ketiga adalah nama dari nama tabel asosiasi. 
+elemen kedua adalah string <tt>'PlayerRecord'</tt> yang terkait ke nama kelas dari kelas <tt>PlayerRecord</tt>, dan elemen ketiga adalah nama dari nama tabel asosiasi.
 </p>
 
 <div class="note"><b class="note">Catatan:</b>
@@ -815,22 +815,22 @@ Metode <tt>with_xxx()</tt> (di mana <tt>xxx</tt> adalah nama properti hubungan,
 <p id="710039" class="block-content">
 Untuk tabel asosiasi yang mererefensi dirinya sendiri, yaitu titik asosiasi ke tabel yang sama. Sebagai contoh, anggap tabel <tt>items</tt> dengan item terkait M-N melalui tabel asosiasi <tt>related_items</tt>. Sintaks dalam contoh berikut adalah benar untuk database PostgreSQL. Untuk database lain, lihat dokumentasinya masing-masing untuk mendefinisikan batasan kunci asing.
 <com:TTextHighlighter Language="sql" CssClass="source block-content">
-CREATE TABLE items 
+CREATE TABLE items
 (
-  "item_id" SERIAL, 
+  "item_id" SERIAL,
   "name" VARCHAR(128) NOT NULL,
   PRIMARY KEY("item_id")
 );
-CREATE TABLE "related_items" 
+CREATE TABLE "related_items"
 (
-  "item_id" INTEGER NOT NULL, 
-  "related_item_id" INTEGER NOT NULL, 
-  CONSTRAINT "related_items_pkey" PRIMARY KEY("item_id", "related_item_id"), 
+  "item_id" INTEGER NOT NULL,
+  "related_item_id" INTEGER NOT NULL,
+  CONSTRAINT "related_items_pkey" PRIMARY KEY("item_id", "related_item_id"),
   CONSTRAINT "related_items_item_id_fkey" FOREIGN KEY ("item_id")
     REFERENCES "items"("item_id")
     ON DELETE CASCADE
     ON UPDATE NO ACTION
-    NOT DEFERRABLE, 
+    NOT DEFERRABLE,
   CONSTRAINT "related_items_related_item_id_fkey" FOREIGN KEY ("related_item_id")
     REFERENCES "items"("item_id")
     ON DELETE CASCADE
@@ -839,7 +839,7 @@ CREATE TABLE "related_items"
 );
 </com:TTextHighlighter>
 
-<p id="710040" class="block-content">Nama tabel asosiasi dalam elemen ketiga dari array hubungan dapat berisi nama kolom tabel asing. Kolom yang didefinisikan dalam tabel asosiasi harus juga didefinisikan dalam kelas rekaman (contohnya properti <tt>$related_item_id</tt> terkait ke kolom <tt>related_item_id</tt> dalam tabel <tt>related_items</tt>). 
+<p id="710040" class="block-content">Nama tabel asosiasi dalam elemen ketiga dari array hubungan dapat berisi nama kolom tabel asing. Kolom yang didefinisikan dalam tabel asosiasi harus juga didefinisikan dalam kelas rekaman (contohnya properti <tt>$related_item_id</tt> terkait ke kolom <tt>related_item_id</tt> dalam tabel <tt>related_items</tt>).
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content">
 class Item extends TActiveRecord
@@ -849,18 +849,18 @@ class Item extends TActiveRecord
     public $details;
 
     //id item asing tambahan didefinisikan dalam tabel asosiasi
-    public $related_item_id; 
+    public $related_item_id;
     public $related_items=array();	// deklarasi ini tidak diperlukan lagi sejak v3.1.2
 
     public static $RELATIONS=array
     (
-        'related_items' => array(self::MANY_TO_MANY, 
+        'related_items' => array(self::MANY_TO_MANY,
             'Item', 'related_items.related_item_id'),
     );
 }
 </com:TTextHighlighter>
 <div class="tip"><b class="note">Tip:</b>
-Kunci gabungan dalam tabel asing dapat ditetapkan sebagai nilai dipisahkan koma diantara kurung buka/tutup. Contohnya <tt>'related_items.(id1,id2)'</tt>. 
+Kunci gabungan dalam tabel asing dapat ditetapkan sebagai nilai dipisahkan koma diantara kurung buka/tutup. Contohnya <tt>'related_items.(id1,id2)'</tt>.
 </div>
 
 <!---
@@ -882,7 +882,7 @@ Karena kelas <tt>TeamRecord</tt> berisi hubungan <b>has many</b> dengan <tt>Play
 </p>
 
 <p id="710043" class="block-content">Untuk menghapus obyek asing tertentu (atau setiap obyek Rekaman Aktif), cukup panggil metode obyek <tt>delete()</tt>. Anda dapat menyiapkan batas kunci asing tabel database seperti saat menghapus data tertentu dalam database ia akan menghapus data yang direferensi juga (ia juga dapat dicapai dengan menggunakan pemicu database). Contohnya seperti mempunyai batasan "<tt>ON DELETE CASCADE</tt>".
-Menghapus kunci obyek asing dengan menyetel nilai properti ke  null atau menghapus obyek dari array <b>TIDAK</b> akan menghapus data terkait dalam database. 
+Menghapus kunci obyek asing dengan menyetel nilai properti ke  null atau menghapus obyek dari array <b>TIDAK</b> akan menghapus data terkait dalam database.
 </p>
 
 <p id="710044" class="block-content">Untuk menghapus asosiasi hubungan banyak-ke-banyak melalui tabel asosiasi, Rekaman Aktif yang terkait tabel asosiasi yang bisas dipakai. Kemudian asosiasi dapat dihapus dengan memanggil metode <tt>deleteByPk()</tt>, sebagai contoh:
@@ -908,7 +908,7 @@ class PlayerRecord extends BaseFkRecord
     //... properti dan metode lainnya seperti sebelumnya
 
     private $_skills; //ubah ke private dan standar sebagai null
-    
+
     public function getSkills()
     {
         if($this->_skills===null && $this->player_id !==null)
@@ -932,7 +932,7 @@ class PlayerRecord extends BaseFkRecord
 }
 </com:TTextHighlighter>
 <p id="710046" class="block-content">Pertama kita perlu mengubah deklarasi <tt>$skills=array()</tt> ke properti private <tt>$_skills</tt> (perhatikan garis bawah) dan sebaliknya setel ke null. Ini membolehkan kita untuk mendefinisikan properti <tt>skills</tt> menggunakan metode pengambil/penyetel
-(lihat <a href="?page=Fundamentals.Components">Komponen</a> untuk lebih jelasnya). Metode pengambil <tt>getSkills()</tt> untuk properti <tt>skills</tt> akan mengambil malas rekaman skill terkait saat ia dipakai sebagai berikut. Catatan bahwa kita hanya melakukan pengambilan malas ketika  <tt>$player_id</tt> tidak null (yakni, ketika rekaman sudah diambil dari database ataau id player sudah disetel).
+(lihat <a href="?page=Fundamentals.Components1">Komponen</a> untuk lebih jelasnya). Metode pengambil <tt>getSkills()</tt> untuk properti <tt>skills</tt> akan mengambil malas rekaman skill terkait saat ia dipakai sebagai berikut. Catatan bahwa kita hanya melakukan pengambilan malas ketika  <tt>$player_id</tt> tidak null (yakni, ketika rekaman sudah diambil dari database ataau id player sudah disetel).
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content">
 $player = PlayerRecord::finder()->findByPk(1);
@@ -943,13 +943,13 @@ $player->skills[] = new SkillRecord(); //menambah skill
 
 <p id="710047" class="block-content">The <tt>setSkills()</tt> memastikan bahwa properti <tt>skills</tt> akan selalu berupa TList.
 Menggunakan TList yang membolehkan kita untuk menyetel elemen properti <tt>skills</tt> seolah-olah mereka
-sebuah array. Contohnya <tt>$player->skills[] = new SkillRecord()</tt>. Jika <tt>array</tt> dipakai, kesalahan PHP 
-akan dikeluarkan. 
+sebuah array. Contohnya <tt>$player->skills[] = new SkillRecord()</tt>. Jika <tt>array</tt> dipakai, kesalahan PHP
+akan dikeluarkan.
 </p>
 
 <h2>Pemetaan Kolom</h2>
 <p>
-Sejak v3.1.1, Rekaman Aktif mulai mendukung pemetaan kolom. Pemetaan kolom membolehkan para 
+Sejak v3.1.1, Rekaman Aktif mulai mendukung pemetaan kolom. Pemetaan kolom membolehkan para
 pengembang untuk mengalamatkan kolom dalam Rekaman Aktif menggunakan konvensi penamaan lebih
 konsisten. Dalam keadaan tertentu, menggunakan pemetaan kolom, seseorang dapat mengakses kolom
 menggunakan apapun namanya yang disukainya, daripada nama terbatas yang didefinisikan dalam
diff --git a/demos/quickstart/protected/pages/Database/pl/ActiveRecord.page b/demos/quickstart/protected/pages/Database/pl/ActiveRecord.page
index 97a054fe..3a073e57 100755
--- a/demos/quickstart/protected/pages/Database/pl/ActiveRecord.page
+++ b/demos/quickstart/protected/pages/Database/pl/ActiveRecord.page
@@ -2,7 +2,7 @@
 <h1 id="138046">Rekord Aktywny (ang. Active Record)</h1>
 <com:SinceVersion Version="3.1a" />
 <p id="690478" class="block-content">Rekordy Aktywne są obiektami, które opakowują wiersz w bazie danych lub widoku,
-    obudowują (ang. encapsulate) dostęp do bazy danych oraz dziedziny logiki dla tych danych. 
+    obudowują (ang. encapsulate) dostęp do bazy danych oraz dziedziny logiki dla tych danych.
     Podstawą Rekordu Aktywnego są klasy biznesowe np. klasa
     <tt>Produkty</tt>, które są bardzo podobne do struktury rekordu należącego do bazy danych. Każdy Rekord Aktywny jest odpowiedzialny
     za zapisywanie i łądowanie danych do i z bazy danych.</p>
@@ -13,18 +13,18 @@
 
 <h2 id="138047">Kiedy używać?</h2>
     <p id="690479" class="block-content">Rekord Aktywne jest dobrym wyborem dla dziedziny logiki, która nie jest zbyt złożona, tak jak tworzenie, odczyty, aktualizacje oraz usuwanie.
-    Pochocne (ang. derivations) oraz sprawdzenia bazujące na pojedyńczym rekordzie sprawdzają się dobrze w tej konstrukcji. 
+    Pochocne (ang. derivations) oraz sprawdzenia bazujące na pojedyńczym rekordzie sprawdzają się dobrze w tej konstrukcji.
     Rekord Aktywne ma podstawową zaletę, którą jest prostota. Łatwo jest stworzyć Rekord Aktywny, łatwo go również zrozuieć.
     </p>
 
-    <p id="690480" class="block-content">Jednakże, jeśli twoja logika biznesowa staje się coraz bardziej złożona, wkrótce będziesz chciał 
+    <p id="690480" class="block-content">Jednakże, jeśli twoja logika biznesowa staje się coraz bardziej złożona, wkrótce będziesz chciał
     używać bezpośrednich relacji, zbiorów, dziedziczenia twojego obiektu i tak dalej. Nie da się tego łatwo odwzorować za pomocą Rekordu Aktywnego,
     a dodawanie ich po kawałku staje się bardzo kłopotliwe. Innym argumentem przeciw Rekordowi Aktywnemu jest fakt, że łączy model obiektowy z modelem baz danych.
     To czyni trudniejszym refaktoring, gdy projekt idzie naprzód.
     </p>
 
     <p id="690481" class="block-content">Alternatywą jest używanie wzorca Data Mapper (mapa danych), który odseparowuje role obiektu biznesowego od tego jak te obiekty są przechowywane.
-    Prado dostarcza 
+    Prado dostarcza
     Prado provides a darmowy wybór pomiędzy rekordem aktywnym a <a href="?page=Database.SqlMap">SqlMap Data Mapper</a>.
     SqlMap Data Mapper może być uzywany do wczytania obiektów Rekordu Aktywnego, i na odwrót, te Rekordy Aktywne mogą zostać użyte do aktualizacji bazy danych.
     Związek pomiędzy Rekordem Aktywnym a <a href="?page=Database.SqlMap">SqlMap</a> przedstawiony jest na kolejnym diagramie. Więcej informacji związanych z SqlMap Data Mapper można znaleźć w
@@ -33,7 +33,7 @@
     </p>
 
     <p id="690482" class="block-content">
-        Klasa Rekordu aktywnego posiada funkcjonalność do przeprowadzenia następujących zadań: 
+        Klasa Rekordu aktywnego posiada funkcjonalność do przeprowadzenia następujących zadań:
     </p>
     <ul id="u1" class="block-content">
         <li>Tworzenie, zwracanie, aktualizowani i usuwanie recordów (CRUD)</li>
@@ -51,16 +51,16 @@ zwróci fałsz, natomiast luźne porównianie (np. używając <tt>==</tt>) zwró
 <p>
 Jest to implikacja modelu wynikająca z następującego pytania:
 <i>"Czy myślisz o kliencie jako o obiekcie, którego któy jest tylko jeden, czy też myślisz o obiekcie na którym działasz jako o <b>kopii</b> bazy danych.</i>
-Inne mapowania O/R implikują, że istnieje tylko jeden obiekt Klienta z KlientID 100 
+Inne mapowania O/R implikują, że istnieje tylko jeden obiekt Klienta z KlientID 100
 Other O/R mappings will imply that there is only one Customer object with custID 100 i to dosłownie jest ten klient.
-Jeśli pobierzesz klienta i zmienisz pole w nim, wtedy masz zmienionego tego klienta. 
+Jeśli pobierzesz klienta i zmienisz pole w nim, wtedy masz zmienionego tego klienta.
 <i>"To kontroastuje z: zmieniłeś tą kopię klienta ale nie tamtą kopię.
 Jeśli dwóch ludzi zaktualizuje kleinta z dwóch kopii obiektu, kto zaktualizuje pierwszy lub być może ostanie wygrywa."</i> [A. Hejlsberg 2003]
 </p>
 
 <h2 id="142010">Wspierane bazy danych</h2>
 <p id="p1" class="block-content">
-Implementacja Aktywnego Rekordu wykorzystuje kalsy <a href="?page=Database.DAO">Prado DAO</a> by uzyskać dostęp do danych. Aktualna implementacja Aktywnego Rekordu wspiera następujace bazy danych 
+Implementacja Aktywnego Rekordu wykorzystuje kalsy <a href="?page=Database.DAO">Prado DAO</a> by uzyskać dostęp do danych. Aktualna implementacja Aktywnego Rekordu wspiera następujace bazy danych
 </p>
 <ul>
     <li><a href="http://www.mysql.com">MySQL 4.1 i wyższe</a></li>
@@ -104,7 +104,7 @@ class UserRecord extends TActiveRecord
 </p>
 <p id="690485" class="block-content">Każda kolumna tablicy "<tt>users</tt>" musi posiadać odpowiadającą jej właściwość o tej samej nazwie co kolumna w tablicy w klasie <tt>UserRecord</tt>.
     Oczywiście, możesz zdefiniować dodatkowe zmienne lub właściwości, które nie istnieją w strukturze tablicy.
-    Stała <tt>TABLE</tt> jest opcjonalna w klasie , kiedy nazwa klasy jest taka sama jak nazwa tablicy w bazie danych, w przeciwnym przypadku <tt>TABLE</tt> 
+    Stała <tt>TABLE</tt> jest opcjonalna w klasie , kiedy nazwa klasy jest taka sama jak nazwa tablicy w bazie danych, w przeciwnym przypadku <tt>TABLE</tt>
     musi określać nazwę tablicy, która odpowiada klasie Rekordu Aktywnego.
 </p>
 
@@ -114,7 +114,7 @@ Możesz określić kwalifikowane (ang. qualified) nazwy tablic np dla MySQL, <tt
 
 <p class="block-content" id="ar_as_component">
     Odkąd <tt>TActiveRecord</tt> rozszerza <tt>TComponent</tt>, metody setter i getter mogą zostać zdefiniowane
-    by umożliwić kontrolę nad tym jak zmienne są ustawiane i zwracane. Na przykłąd dodanie właściwości <tt>$level</tt> 
+    by umożliwić kontrolę nad tym jak zmienne są ustawiane i zwracane. Na przykłąd dodanie właściwości <tt>$level</tt>
     do klasy UserRecord:
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690149">
@@ -130,13 +130,13 @@ class UserRecord extends TActiveRecord {
     }
 }
 </com:TTextHighlighter>
-<p id="710010" class="block-content">Więcej szczegółów dotyczących TComponent można znaleźć <a href="?page=Fundamentals.Components">dokumentacji komponentów</a>.
+<p id="710010" class="block-content">Więcej szczegółów dotyczących TComponent można znaleźć <a href="?page=Fundamentals.Components1">dokumentacji komponentów</a>.
 Później użyjemy metod getter/setters by umożliwić opóźnione ładowanie (ang. lazy loading) obiektów relacji.
 </p>
 
 <div class="info"><b class="note">Info:</b>
 <tt>TActiveRecord</tt> może również działać z widokami poprzez przypisanie do stałej <tt>TABLE</tt>
- odpowiedniej nazwy widoku. Jednakże obiektu zwracane przez widoki są tylko do odczytu, wywołanie metod <tt>save()</tt> lub <tt>delete()</tt> 
+ odpowiedniej nazwy widoku. Jednakże obiektu zwracane przez widoki są tylko do odczytu, wywołanie metod <tt>save()</tt> lub <tt>delete()</tt>
 spowoduje wywołanie wyjątku.
 </div>
 
@@ -149,7 +149,7 @@ spowoduje wywołanie wyjątku.
 <h2 id="138049">Ustanawianie połączenia z bazą danych</h2>
 <p id="690487" class="block-content">
     Domyślne połączenie z bazą dla Rekordu Aktywnego może zostać ustawione następujaco.
-    Zobacz <a href="?page=Database.DAO">Ustanawianie połączenia z bazą</a> 
+    Zobacz <a href="?page=Database.DAO">Ustanawianie połączenia z bazą</a>
     by uzyskać ogólnie dalsze szczegóły odnośnie tworzenia połączenia z bazą danych.
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690150">
@@ -160,7 +160,7 @@ TActiveRecordManager::getInstance()->setDbConnection($conn);
 </com:TTextHighlighter>
 
 <p id="710011" class="block-content">Alternatywnie, możesz stworzyć klasę bazową i nadpisać metodę <tt>getDbConnection()</tt>
-do zwracania połączenia z bazą. To jest prosty spodób, by umożliwić wielkokrotne połączenia do wielu baz danych. 
+do zwracania połączenia z bazą. To jest prosty spodób, by umożliwić wielkokrotne połączenia do wielu baz danych.
  Następujący kod demonstruje definiowanie połączenia z bazą danych w klasie bazowej (nie ma potrzeby by ustawiać połączenie DB gdziekolwiek indziej).
 </p>
 <com:TTextHighlighter Language="php" CssClass="source block-content">
@@ -203,7 +203,7 @@ class MyDb2Record extends TActiveRecord
 </com:TTextHighlighter>
 <div class="tip"><b class="note">Wskazówka:</b>
     Atrybut <tt>EnableCache</tt> gdy ustawiony na "true" będzie keszował metadane tablicy, to oznacza, że nazwy kolumn, indeksy i ograniczenia (ang. constraints)
-    są zapisywane w keszu i używane ponownie. Musisz wyczyścić lub wyłączyć kesz jeśli chcesz zobaczyć wprowadzone zmiany do definicji twoich tablic. 
+    są zapisywane w keszu i używane ponownie. Musisz wyczyścić lub wyłączyć kesz jeśli chcesz zobaczyć wprowadzone zmiany do definicji twoich tablic.
     <a href="?page=Advanced.Performance#6402">Moduł keszowania</a> musi być również zdefiniowany dla keszu by zadziałał.
 </div>
 </p>
@@ -229,14 +229,14 @@ class MyDb2Record extends TActiveRecord
 
 <h2 id="138050">Ładowanie danych z tablicy</h2>
 <p id="690490" class="block-content">
-    Klasa <tt>TActiveRecord</tt> dostarcza wielu wygodnych metod do wyszukiwania rekordów z bazy danych. 
+    Klasa <tt>TActiveRecord</tt> dostarcza wielu wygodnych metod do wyszukiwania rekordów z bazy danych.
     Najprostszym jest znajdowanie jednego rekordu poprzez dopasowanie klucza głównego lub klucza złożonego (ang. composite key)
     (klucz główny skłądający się z wielu kolumn).
     Zobacz  <com:DocLink ClassPath="System.Data.ActiveRecord.TActiveRecord" /> by dowiedzieć się więcej.
 </p>
 
 <div class="info"><b class="note">Info:</b>
-Wszystkie metody wyszukujące, które mogą zwrócić tylko 1 rekord zwrócą <tt>null</tt> jeśli nie znajdą pasujących danych. 
+Wszystkie metody wyszukujące, które mogą zwrócić tylko 1 rekord zwrócą <tt>null</tt> jeśli nie znajdą pasujących danych.
 Wszystkie metody wyszukujące, które zwracają tablicę rekordów zwrócą pustą tablicęm jeśli nie znajdą pasujących danych.
 </div>
 
@@ -352,8 +352,8 @@ Możesz również użyć połączenia <tt>AND</tt> oraz <tt>OR</tt> jako warunek
 </div>
 
 <h3 id="138060"><tt>findBySql()</tt> oraz <tt>findAllBySql()</tt></h3>
-<p id="690497" class="block-content">Znajdują rekordy używając pełnego zapytania SQL z tym, że <tt>findBySql()</tt> 
-zwraca Rekord Aktywny a <tt>findAllBySql()</tt>zwraca tablicę obiektów rekordów. 
+<p id="690497" class="block-content">Znajdują rekordy używając pełnego zapytania SQL z tym, że <tt>findBySql()</tt>
+zwraca Rekord Aktywny a <tt>findAllBySql()</tt>zwraca tablicę obiektów rekordów.
 Dla każdej zwróconej kolumny, odpowiadająca klasa Rekordu Aktywnego musi posiadać zdefiniowaną zmienną lub właściwość odpowiadającą nazwie kolumny.
 <com:TTextHighlighter Language="php" CssClass="source block-content">
 class UserRecord2 extends UserRecord
@@ -382,7 +382,7 @@ $user2 = new UserRecord($data); //stwórz przekazując istniejące dane
 $user2->save(); //wstaw nowy rekord
 </com:TTextHighlighter>
 <div class="tip"><b class="note">Wskazówka:</b>
-Obiekty są aktualizowe automatycznie o wartość klucza głównego dla tych tablic, które zawierają definicję 
+Obiekty są aktualizowe automatycznie o wartość klucza głównego dla tych tablic, które zawierają definicję
 określającą automatyczne tworzenie klucza głównego dla nowo tworzonych rekordów (przyp. tłum. autoincrement).
 Na przykład jeśli wstawiasz nowy rekord do tablicy MySQL która posiada kolumnę zdefiniowaną jako to obiekt Rekordu Aktywnego
 zostanie zaktualizowant o nową zwiększoną wartość.</div>
@@ -403,10 +403,10 @@ Obiekt Rekordu Aktywnego posiada prosty cykl życia zilustrowany następujący d
 <img src=<%~ object_states.png %> alt="Active Records Life Cycle" id="fig:cycle.png" class="figure"/>
 <p id="690501" class="block-content">
 Widzimy, że nowe obiekty Rekordu Aktywnego są tworzone zarówno przez jedną z metod <tt>find*()</tt>
-lub poprzez stworzenie nowej instancji poprzez użycie polecenia PHP <tt>new</tt>. Obiekty stworzone przez metodę <tt>find*()</tt> 
+lub poprzez stworzenie nowej instancji poprzez użycie polecenia PHP <tt>new</tt>. Obiekty stworzone przez metodę <tt>find*()</tt>
 zaczynają ze stanem <tt>czysty (ang. clean)</tt>. Nowa instancja TActiveRecord stworzona inaczej niż za pomocą metod <tt>find*()</tt> zaczyna ze stanem <tt>nowy (ang. new)</tt>.
-Kiedykolwiek wywołasz metodę <tt>save()</tt> na obiekcie TActiveRecord, obiekt przyjmuje stan <tt>czysty</tt>. 
-Obiekty będące <tt>czystymi</tt> stają się <tt>brudne (ang. dirty)</tt> kiedy jeden lub więcej ze stwoich wewnętrznych stanów ulegnie zmianie. 
+Kiedykolwiek wywołasz metodę <tt>save()</tt> na obiekcie TActiveRecord, obiekt przyjmuje stan <tt>czysty</tt>.
+Obiekty będące <tt>czystymi</tt> stają się <tt>brudne (ang. dirty)</tt> kiedy jeden lub więcej ze stwoich wewnętrznych stanów ulegnie zmianie.
 Wywoałanie metody <tt>delete()</tt> obiektu kończy cykl życia, żadne inne akcje nie mogą być wywołane na obiekcie.
 </p>
 
@@ -451,7 +451,7 @@ $finder->deleteBy_Username_And_Password($name,$pass);
 </com:TTextHighlighter>
 
 <h2 id="138053">Tranzakcje</h2>
-<p id="690504" class="block-content">Wszystkie obiekkty Rekordu Aktywnego zawierają właściwość <tt>DbConnection</tt>, 
+<p id="690504" class="block-content">Wszystkie obiekkty Rekordu Aktywnego zawierają właściwość <tt>DbConnection</tt>,
  która może być używana by uzyskać obiekt tranzakcyjny.
 <com:TTextHighlighter Language="php" CssClass="source block-content" id="code_690165">
 $finder = UserRecord::finder();
@@ -486,8 +486,8 @@ Zdarzenie <tt>OnExecuteCommand</tt> jest wywoływane kiedy polecenie jest wykona
 </p>
 
 <h3 id="142016">Przykład z logowaniem</h3>
-<p id="710016" class="block-content">Używając <tt>OnExecuteCommand</tt> możemy przypiąć uchwyt zdarzenia by logować całe 
-zapytanie SQL wwywoływane dla danej instancji lub klasy TActiveRecord. Na przykład definiujemy klasę bazową i nadpisujemy 
+<p id="710016" class="block-content">Używając <tt>OnExecuteCommand</tt> możemy przypiąć uchwyt zdarzenia by logować całe
+zapytanie SQL wwywoływane dla danej instancji lub klasy TActiveRecord. Na przykład definiujemy klasę bazową i nadpisujemy
 metodę <tt>getDbConnection()</tt> lub konstruktor.
 </p>
 
@@ -537,12 +537,12 @@ W następnych sekcjach będziemy rozważać nastepujące relacje pomiędzy tabel
 <img src=<%~ ar_objects.png %> class="figure" />
 
 <p class="block-content">
-Istnieje rozbieżność pomiędzy relacjami w obiektach i relacjami w tablicach. 
+Istnieje rozbieżność pomiędzy relacjami w obiektach i relacjami w tablicach.
  Po pierwsze jest różnica w reprezentacji. Obiekty trzymają powiązanie poprzez przechowywanie referencji,
 które są trzymane poprzez zarządzające pamięcią środowiko uruchomieniowe. Bazy relacyjne trzymają powiązanie poprzez utworzenie klucza do innej tablicy.
- Po drugie, obiekty mogą łatwo uzywać kolekcji by trzymać wielokrotnie referencje z jednego pola, 
-to handle multiple references from a single field, gdyż normalizacja zmusza wszystkie powiązania relacji encji by były pojedyńczymi wartościami. 
-To prowadzi do odwrócenia struktury danych pomiędzy obiektami i tablicami. 
+ Po drugie, obiekty mogą łatwo uzywać kolekcji by trzymać wielokrotnie referencje z jednego pola,
+to handle multiple references from a single field, gdyż normalizacja zmusza wszystkie powiązania relacji encji by były pojedyńczymi wartościami.
+To prowadzi do odwrócenia struktury danych pomiędzy obiektami i tablicami.
 Podejście zastosowane w modelu Rekordu Aktywnego Prado uzywa ograniczeń kluczów obcych tablicy do wyprowadzenia relacji obiektów.
 To implikuje fakt wspierania ograniczeń kluczów obcych dla bazy danych.
 </p>
@@ -564,8 +564,8 @@ CREATE TABLE bar
 </com:TTextHighlighter>
 </div>
 
-<h2 id="142012">Mapowanie kluczów obcych</h2> 
-<p class="block-content">Relacja pól pomiędzy tablicami <tt>Teams</tt> and <tt>Players</tt> jest znana jako relacja jeden-do-wielu (ang. 1-M). Oznacza to, że jeden Team moze zawierać zero lub więcej Players. Z punktu widzenia relacji obiektów 
+<h2 id="142012">Mapowanie kluczów obcych</h2>
+<p class="block-content">Relacja pól pomiędzy tablicami <tt>Teams</tt> and <tt>Players</tt> jest znana jako relacja jeden-do-wielu (ang. 1-M). Oznacza to, że jeden Team moze zawierać zero lub więcej Players. Z punktu widzenia relacji obiektów
 powiemy, że obiekt <tt>TeamRecord</tt> <b>posiada wiele</b> (ang. has many) obiektów <tt>PlayerRecord</tt>.
 (Zauważ odwrócenie kierunku relacji pomiędzy tablicami a obiektami)
 </p>
@@ -1074,7 +1074,7 @@ class PlayerRecord extends BaseFkRecord
 <p id="710046" class="block-content">We first need to change the <tt>$skills=array()</tt> declaration to a private property
 <tt>$_skills</tt> (notice the underscore) and set it to null instead. This allows us
 to define the <tt>skills</tt> property using getter/setter methods
-(see <a href="?page=Fundamentals.Components">Components</a> for details). The <tt>getSkills()</tt>
+(see <a href="?page=Fundamentals.Components1">Components</a> for details). The <tt>getSkills()</tt>
 getter method for the <tt>skills</tt> property will lazy load the corresponding skills foreign record
 when it is used as follows. Notice that we only do a lazy load when its <tt>$player_id</tt> is
 not null (that is, when the record is already fetched from the database or player id was already set).
diff --git a/demos/quickstart/protected/pages/Fundamentals/Pages.page b/demos/quickstart/protected/pages/Fundamentals/Pages.page
index 0f3a8d9f..58f4f06d 100755
--- a/demos/quickstart/protected/pages/Fundamentals/Pages.page
+++ b/demos/quickstart/protected/pages/Fundamentals/Pages.page
@@ -11,7 +11,8 @@ Each page can have a <a href="?page=Configurations.Templates1">template</a> file
 <h2 id="902">PostBack</h2>

 <p id="130139" class="block-content">

 A form submission is called <i>postback</i> if the submission is made to the page containing the form. Postback can be considered an event happened on the client side, raised by the user. PRADO will try to identify which control on the server side is responsible for a postback event. If one is determined, for example, a <tt>TButton</tt>, we call it the postback event sender which will translate the postback event into some specific server-side event (e.g. <tt>OnClick</tt> and <tt>OnCommand</tt> events for <tt>TButton</tt>).

-

+<br/>

+<tt>TPage</tt> has a <tt>IsPostBack</tt> property exposing whether the current request being handled is the first request for this page or the consequence of a postback.

 </p>

 

 <h2>CallBack</h2>

@@ -24,6 +25,7 @@ A callback is handled as a normal postback but, instead of re-rendering the enti
 	<li>the javascript instructions needed to update the page;</li>

 	<li>some specific fields used by prado to mantain the pagestate and add the needed external resources (stylesheets, javascript files, etc..).</li>

 </ol>

+<tt>TPage</tt> has a <tt>IsCallBack</tt> property exposing whether the current request being handled is the consequence of a callback. Since a callback is also a postback, both <tt>IsPostBack</tt> and <tt>IsCallBack</tt> are true during callback requests.

 </p>

 

 <h2 id="903">Page Lifecycles</h2>

diff --git a/demos/quickstart/protected/pages/GettingStarted/CommandLine.page b/demos/quickstart/protected/pages/GettingStarted/CommandLine.page
index cee05130..6f56cd72 100755
--- a/demos/quickstart/protected/pages/GettingStarted/CommandLine.page
+++ b/demos/quickstart/protected/pages/GettingStarted/CommandLine.page
@@ -91,7 +91,7 @@ we <b>leave out the semicolon</b> to show the results.
 <com:TTextHighlighter Language="cli" CssClass="source block-content cli" id="code_70010">

 >> $db->queryPostByID(1)

 </com:TTextHighlighter>

-There should not be any errors and you should see the following. 

+There should not be any errors and you should see the following.

 <com:TTextHighlighter Language="cli" CssClass="source block-content cli" id="code_70011">

 PostRecord#1

 (

@@ -109,4 +109,37 @@ PostRecord#1
 )

 </com:TTextHighlighter>

 </p>

+<<<<<<< HEAD

+=======

+

+<h2>Creating Active Record Classes</h2>

+<p>

+In the blog demo project, we need to create two <a href="?page=Database.ActiveRecord">Active Record</a> classes, <tt>UserRecord</tt> and <tt>PostRecord</tt>, to represent data records in the <tt>users</tt> and <tt>posts</tt> tables, respectively. Active Record classes must extend from the base class <tt>ActiveRecord</tt>, and must define property names that matches with the field names of the corresponding table.

+</p>

+

+<p>

+To better organize our directories, we create a new directory <tt>protected/database</tt> to hold the class files. We also modify our application configuration by inserting the following lines. It is equivalent to adding the directory <tt>protected/database</tt> to PHP include_path, which allows us to use the classes without explicitly including them.

+</p>

+

+<com:TTextHighlighter CssClass="source" Language="xml">

+<paths>

+  <using namespace="Application.database.*" />

+</paths>

+</com:TTextHighlighter>

+

+<p>

+At the prompt, enter the following two commands to create <tt>UserRecord</tt> and <tt>PostRecord</tt> classes:

+</p>

+

+<com:TTextHighlighter CssClass="source cli" Language="text">

+>> generate users Application.database.UserRecord

+

+>> generate posts Application.database.PostRecord

+</com:TTextHighlighter>

+

+<p>

+Here we used the <a href="?page=Fundamentals.Components1">namespace format</a> again to specify the classes to be created. The path <tt>Application.database.UserRecord</tt> indicates that we want the <tt>UserRecord</tt> class file to be <tt>protected/database/UserRecord.php</tt>.

+</p>

+

+>>>>>>> ef81c44... Quickstart Doc overhaul, pt. 2: active controls + minor fixes

 </com:TContent>