Skip to content

Update pagination, form-table. #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ve3 wants to merge 3 commits into from
Closed

Update pagination, form-table. #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
495df49
Update admin pagination example.
ve3 Dec 28, 2025
4fb0d93
Fix `form-table` to display properly.
ve3 Dec 28, 2025
317f56a
Add `tbody` to form table.
ve3 Jan 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 12 additions & 6 deletions patterns/pagination.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,17 @@

<div class="tablenav">
<div class="tablenav-pages">
<span class="displaying-num"><?php _e( 'Example markup for <em>n</em> items', 'WpAdminStyle' ); ?></span>
<a class='first-page disabled' title='Go to first page' href='#'>&laquo;</a>
<a class='prev-page disabled' title='Go to previous page' href='#'>&lsaquo;</a>
<span class="paging-input"><input class='current-page' title='Current page' type='text' name='paged' value='1' size='1' /> of <span class='total-pages'>5</span></span>
<a class='next-page' title='Go to next page' href='#'>&rsaquo;</a>
<a class='last-page' title='Go to last page' href='#'>&raquo;</a>
<span class="displaying-num"><?php _e( 'Example markup for <em>n</em> items', 'WpAdminStyle' ); ?></span>
<span class="pagination-links">
<span class="pagination-links"><span class="tablenav-pages-navspan button disabled" aria-hidden="true">&laquo;</span>
<span class="tablenav-pages-navspan button disabled" aria-hidden="true">&lsaquo;</span>
<span class="paging-input">
<label for="current-page-selector" class="screen-reader-text">Current Page</label>
<input id="current-page-selector" class="current-page" type="text" name="paged" value="1" size="1" aria-describedby="table-paging" />
<span class="tablenav-paging-text"> of <span class="total-pages">5</span></span>
</span>
<a class="next-page button" href="#"><span class="screen-reader-text">Next page</span><span aria-hidden="true">&rsaquo;</span></a>
<a class="last-page button" href="#"><span class="screen-reader-text">Last page</span><span aria-hidden="true">&raquo;</span></a>
</span>
</div>
</div>
46 changes: 23 additions & 23 deletions patterns/tables.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
<h2><?php esc_attr_e( 'Tables', 'WpAdminStyle' ); ?></h2>

<p><strong>Table with class <code>form-table</code></strong></p>
<table class="form-table">
<tr>
<th class="row-title"><?php esc_attr_e( 'Table header cell #1', 'WpAdminStyle' ); ?></th>
<th><?php esc_attr_e( 'Table header cell #2', 'WpAdminStyle' ); ?></th>
</tr>
<tr valign="top">
<td scope="row"><label for="tablecell"><?php esc_attr_e(
'Table data cell #1, with label', 'WpAdminStyle'
); ?></label></td>
<td><?php esc_attr_e( 'Table Cell #2', 'WpAdminStyle' ); ?></td>
</tr>
<tr valign="top" class="alternate">
<td scope="row"><label for="tablecell"><?php esc_attr_e(
'Table Cell #3, with label and class', 'WpAdminStyle'
); ?> <code>alternate</code></label></td>
<td><?php esc_attr_e( 'Table Cell #4', 'WpAdminStyle' ); ?></td>
</tr>
<tr valign="top">
<td scope="row"><label for="tablecell"><?php esc_attr_e(
'Table Cell #5, with label', 'WpAdminStyle'
); ?></label></td>
<td><?php esc_attr_e( 'Table Cell #6', 'WpAdminStyle' ); ?></td>
</tr>
<table class="form-table" role="presentation">
<tbody>
<tr>
<th scope="row"><label for="blogname">Site Title</label></th>
<td><input name="blogname" type="text" id="blogname" value="WordPress" class="regular-text" /></td>
</tr>
<tr class="form-invalid form-required">
<th scope="row"><label for="forminvalid-example">Form invalid (<code>form-invalid</code>) with <code>form-required</code> on table row</label></th>
<td><input name="forminvalid-example" type="text" id="forminvalid-example" aria-describedby="tagline-description" value="" class="regular-text" /></td>
</tr>
<tr class="form-invalid">
<th scope="row"><label for="forminvalid-example2">Form invalid on table row, <code>form-required</code> on the input</label></th>
<td><input name="forminvalid-example" type="text" id="forminvalid-example2" aria-describedby="tagline-description" value="" class="regular-text form-required" /></td>
</tr>
<tr class="form-invalid form-required">
<th scope="row"><label for="forminvalid-example3">Form invalid (<code>form-invalid</code>) with <code>form-required</code> on table row</label></th>
<td><select id="forminvalid-example3"><option value="">Select an option</option></select></td>
</tr>
<tr class="form-invalid">
<th scope="row"><label for="forminvalid-example4">Form invalid on table row, <code>form-required</code> on the select box</label></th>
<td><select id="forminvalid-example4" class="form-required"><option value="">Select an option</option></select></td>
</tr>
</tbody>
</table>

<br class="clear" />
Expand Down