summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages
diff options
context:
space:
mode:
authorctrlaltca <>2012-08-06 16:47:25 +0000
committerctrlaltca <>2012-08-06 16:47:25 +0000
commite7b4d1466524258585711be76d525b1c8441f4d2 (patch)
tree12aaa34a5b9356fe24b54d9abbc540287476c871 /demos/quickstart/protected/pages
parent0dce832bc6111fb97621ffb2ae0c5501482f903c (diff)
patch for #419
Diffstat (limited to 'demos/quickstart/protected/pages')
-rw-r--r--demos/quickstart/protected/pages/Controls/Pager.page4
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TPager/Sample1.page19
2 files changed, 21 insertions, 2 deletions
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>