From e7b4d1466524258585711be76d525b1c8441f4d2 Mon Sep 17 00:00:00 2001
From: ctrlaltca <>
Date: Mon, 6 Aug 2012 16:47:25 +0000
Subject: patch for #419

---
 demos/quickstart/protected/pages/Controls/Pager.page  |  4 ++++
 .../pages/Controls/Samples/TPager/Sample1.page        | 19 +++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

(limited to 'demos/quickstart/protected')

diff --git a/demos/quickstart/protected/pages/Controls/Pager.page b/demos/quickstart/protected/pages/Controls/Pager.page
index 5f4136b1..1ec0b7cb 100644
--- a/demos/quickstart/protected/pages/Controls/Pager.page
+++ b/demos/quickstart/protected/pages/Controls/Pager.page
@@ -29,6 +29,10 @@ These user interfaces may be further customized by configuring the following pro
 <li><tt>ButtonType</tt> - type of page buttons, either <tt>PushButton</tt> meaning normal form submission buttons, or <tt>LinkButton</tt> meaning hyperlink buttons.</li>
 </ul>
 
+<p class="block-content">
+Since Prado 3.2.1, you can use the <tt>ButtonCssClass</tt> property to specify a css class that will be applied to each button created by the pager in NextPrev or Numeric mode.
+</p>
+
 <p id="450304" class="block-content">
 <tt>TPager</tt> raises an <tt>OnPageIndexChanged</tt> event when an end-user interacts with it and specifies a new page (e.g. by clicking on a next page button that would lead to the next page.) Developers may write handlers to respond to this event and obtain the desired new page index from the event parameter's property <tt>NewPageIndex</tt>. Using this new page index, one can feed a new page of data to the associated data-bound control.
 </p>
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TPager/Sample1.page b/demos/quickstart/protected/pages/Controls/Samples/TPager/Sample1.page
index df7ce8fd..e70f8e77 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TPager/Sample1.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TPager/Sample1.page
@@ -2,7 +2,7 @@
 
 <h1>TPager Sample</h1>
 <p>
-The following sample displays three different pagers associated with a single TDataList control. The datalist control is enabled with custom paging, which allows it to read only one page of data each time. This is typical in DB-driven applications.
+The following sample displays four different pagers associated with a single TDataList control. The datalist control is enabled with custom paging, which allows it to read only one page of data each time. This is typical in DB-driven applications.
 </p>
 
 <div>
@@ -73,5 +73,20 @@ Choose page:
 	Mode="DropDownList"
 	OnPageIndexChanged="pageChanged"
 	/>
-
+<br/>
+Use of a css class for buttons:
+<com:TStyleSheet>
+.greenbold_button {
+	background-color: #0f0;
+	font-weight: bold;
+}
+</com:TStyleSheet>
+<com:TPager ID="Pager4"
+	ControlToPaginate="DataList"
+	PageButtonCount="3"
+	Mode="Numeric"
+	ButtonType="PushButton"
+	OnPageIndexChanged="pageChanged"
+	ButtonCssClass="greenbold_button"
+	/>
 </com:TContent>
-- 
cgit v1.2.3