b8c90550b035b22792a19842d49dff4ef5c0def3
Guides/Toolbar-Buttons.md
| ... | ... | @@ -208,4 +208,60 @@ Clicking this will send the current report via email. |
| 208 | 208 | <span class="hide" lang-text="js_SendReport">Send report</span> |
| 209 | 209 | </button> |
| 210 | 210 | </div> |
| 211 | -``` |
|
| ... | ... | \ No newline at end of file |
| 0 | +``` |
|
| 1 | + |
|
| 2 | +##Results Per Page Button |
|
| 3 | + |
|
| 4 | + |
|
| 5 | + |
|
| 6 | +The results per page button set the numbers of results to be displayed on a single page. Clicking the dropdown next to the button allows the user to specify how many records per page they'd like to see. |
|
| 7 | + |
|
| 8 | +```html |
|
| 9 | +<button type="button" class="btn" lang-title="js_ResultsPerPage" title="Results per page" onclick=""> |
|
| 10 | + <img class="icon" id="resNumImg" src="rs.aspx?image=ModernImages.rows-100.png" alt="Results per page" /> |
|
| 11 | + <span class="hide" lang-text="js_ResultsPerPage">Results per page</span> |
|
| 12 | +</button> |
|
| 13 | + |
|
| 14 | +<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"> |
|
| 15 | + <span class="caret"></span> |
|
| 16 | +</button> |
|
| 17 | +``` |
|
| 18 | + |
|
| 19 | +The following is the code for the 5 record options provided by default. |
|
| 20 | + |
|
| 21 | +```html |
|
| 22 | +<ul class="dropdown-menu"> |
|
| 23 | + <li onclick="ChangeTopRecords(1, true);" id="resNumLi0"><a href="javascript:void(0)" title="" style="min-width: 12em;"> |
|
| 24 | + <img class="icon" src="rs.aspx?image=ModernImages.result-1-32.png" alt="" /> |
|
| 25 | + <b lang-text="js_Result_1">1 Result</b><br /> |
|
| 26 | + <span lang-text="js_Result_1_Message">Ideal for large forms</span> |
|
| 27 | + </a></li> |
|
| 28 | + <li onclick="ChangeTopRecords(10, true);" id="resNumLi1"><a href="javascript:void(0)" title=""> |
|
| 29 | + <img class="icon" src="rs.aspx?image=ModernImages.results-10-32.png" alt="" /> |
|
| 30 | + <b lang-text="js_Result_10">10 Results</b><br /> |
|
| 31 | + <span lang-text="js_Result_10_Message">Good for single parameter reports</span> |
|
| 32 | + </a></li> |
|
| 33 | + <li onclick="ChangeTopRecords(100, true);" id="resNumLi2"><a href="javascript:void(0)" title=""> |
|
| 34 | + <img class="icon" src="rs.aspx?image=ModernImages.results-100-32.png" alt="" /> |
|
| 35 | + <b lang-text="js_Result_100">100 Results</b><br /> |
|
| 36 | + <span lang-text="js_Result_100_Message">Default and recommended value</span> |
|
| 37 | + </a></li> |
|
| 38 | + <li onclick="ChangeTopRecords(1000, true);" id="resNumLi3"><a href="javascript:void(0)" title=""> |
|
| 39 | + <img class="icon" src="rs.aspx?image=ModernImages.results-1000-32.png" alt="" /> |
|
| 40 | + <b lang-text="js_Result_1000">1000 Results</b><br /> |
|
| 41 | + <span lang-text="js_Result_1000_Message">Good for larger reports</span> |
|
| 42 | + </a></li> |
|
| 43 | + <li onclick="ChangeTopRecords(10000, true);" id="resNumLi5"><a href="javascript:void(0)" title=""> |
|
| 44 | + <img class="icon" src="rs.aspx?image=ModernImages.results-10000-32.png" alt="" /> |
|
| 45 | + <b lang-text="js_Result_10000">10000 Results</b><br /> |
|
| 46 | + <span lang-text="js_Result_10000_Message">10000 Results</span> |
|
| 47 | + </a></li> |
|
| 48 | + <li class="divider"></li> |
|
| 49 | + <li onclick="ChangeTopRecords(-1, true);" id="resNumLi4"><a href="javascript:void(0)" title=""> |
|
| 50 | + <img class="icon" src="rs.aspx?image=ModernImages.results-all-32.png" alt="" /> |
|
| 51 | + <b lang-text="js_Result_All">Show all results</b><br> |
|
| 52 | + <span lang-text="js_Result_All_Message">Use carefully as this may overload the browser</span> |
|
| 53 | + </a></li> |
|
| 54 | +</ul> |
|
| 55 | +``` |
|
| 56 | + |