Tags » Pagination

Week Three | Accordion Book Mock - Up

In addition to the set task this week, I have been working on a mock up of what my Accordion Book layout will look like. Below are some photographs of the mock up along with the planning for the pages ready to be made into a grid format.

Design Studio - Typography 2

Week Two | Task 4 - Pagination Booklet & Poster

Pagination Booklet

In order to better understand the way that my book will physically work, I have created a pagination booklet detailing where each spread will be, as well as… 231 more words

Design Studio - Typography 2

ASP.NET - Sequence Number In GridView

Put this code inside Column tag in GridView

<asp:TemplateField>
    <ItemTemplate>
        <%# Container.DataItemIndex + 1 %>
    </ItemTemplate>
</asp:TemplateField>

Result

It works with GridView pagination

Programming

Lesson 53

If you are doing layout, periodically check for widows and orphans. Then immediately kill them. Check again before you make your final save.

Example of AngularJS in Visualforce page.. Awesome !!!!

Just copy/paste and enjoy awesome angularJs. Love it..

<apex:page standardStylesheets=”false” sidebar=”false” controller=”AngularJSDemoCtrl”>

<html xmlns:ng=”http://angularjs.org&#8221; ng-app=”hello” lang=”en”>
<head>
<meta charset=”utf-8″/>
<link href=”https://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css&#8221; rel=”stylesheet”/> 850 more words

Apex / Visualforce

jQuery or Bootstrap pagination

How to add jQuery pagination. First you have to show all records.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;" charset="UTF-8" /> 
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css' type='text/css' media='all' />
    <link rel='stylesheet' href='http://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.css' type='text/css' media='all' />
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.11.1.min.js'></script>
    <script type='text/javascript' src='http://cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js'></script>
    <script type='text/javascript' src='http://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.js'></script>
<style>body { font-size: 140%; }</style>
<script>
$(document).ready(function() {
    $('#example').dataTable();
});
</script>
</head>
<body class="home blog">
        <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
        <thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead>
        <tfoot><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></tfoot>
        <tbody>
            <tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>22</td><td>2013/03/03</td><td>$342,000</td></tr>
            <tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>36</td><td>2008/10/16</td><td>$470,600</td></tr>
            <tr><td>Haley Kennedy</td><td>Senior Marketing Designer</td><td>London</td><td>43</td><td>2012/12/18</td><td>$313,500</td></tr>
            <tr><td>Tatyana Fitzpatrick</td><td>Regional Director</td><td>London</td> <td>19</td><td>2010/03/17</td><td>$385,750</td></tr>
            <tr><td>Michael Silva</td><td>Marketing Designer</td><td>London</td><td>66</td><td>2012/11/27</td><td>$198,500</td></tr>
            <tr><td>Paul Byrd</td><td>Chief Financial Officer (CFO)</td><td>New York</td> <td>64</td><td>2010/06/09</td> <td>$725,000</td></tr>
            <tr><td>Gloria Little</td> <td>Systems Administrator</td><td>New York</td><td>59</td><td>2009/04/10</td><td>$237,500</td></tr>
            <tr><td>Bradley Greer</td><td>Software Engineer</td><td>London</td><td>41</td><td>2012/10/13</td><td>$132,000</td> </tr>
            <tr><td>Dai Rios</td><td>Personnel Lead</td> <td>Edinburgh</td> <td>35</td><td>2012/09/26</td><td>$217,500</td></tr>
            <tr><td>Jenette Caldwell</td><td>Development Lead</td><td>New York</td><td>30</td><td>2011/09/03</td><td>$345,000</td></tr>
            <tr><td>Yuri Berry</td><td>Chief Marketing Officer (CMO)</td><td>New York</td><td>40</td><td>2009/06/25</td><td>$675,000</td></tr>
            <tr><td>Caesar Vance</td><td>Pre-Sales Support</td><td>New York</td><td>21</td><td>2011/12/12</td><td>$106,450</td></tr>
            <tr><td>Doris Wilder</td><td>Sales Assistant</td><td>Sidney</td><td>23</td><td>2010/09/20</td><td>$85,600</td></tr>
            <tr><td>Angelica Ramos</td><td>Chief Executive Officer (CEO)</td><td>London</td><td>47</td> <td>2009/10/09</td><td>$1,200,000</td></tr>
            <tr><td>Gavin Joyce</td><td>Developer</td><td>Edinburgh</td><td>42</td><td>2010/12/22</td><td>$92,575</td></tr>
            <tr><td>Jennifer Chang</td><td>Regional Director</td><td>Singapore</td><td>28</td><td>2010/11/14</td><td>$357,650</td></tr>
            <tr><td>Brenden Wagner</td><td>Software Engineer</td><td>San Francisco</td><td>28</td><td>2011/06/07</td><td>$206,850</td></tr>
            <tr><td>Fiona Green</td><td>Chief Operating Officer (COO)</td><td>San Francisco</td><td>48</td><td>2010/03/11</td><td>$850,000</td></tr>
        </tbody>
    </table>
    </body>
</html> 9 more words
JQuery