WordPress.org
Get WordPress

Plugin Directory

Changeset 367809


Ignore:
Timestamp:
04/01/2011 06:34:19 AM (15 years ago)
Author:
bsndev
Message:

preparing 0.5.2

Location:
wordpress-admin-ui-reference-guide/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • wordpress-admin-ui-reference-guide/trunk/readme.txt

    r356514 r367809  
    44Requires at least: 2.8
    55Tested up to: 3.1
    6 Stable tag: 0.5.1
     6Stable tag: 0.5.2
    77
    88Reference guide for all admin UI elements in WordPress admin. Must-have for all plugins developers.
    … …  
    3232== Changelog ==
    3333
     34= 0.5.2 =
     35* added info about tabs
     36
    3437= 0.5 =
    3538* Initial version of plugin

  • wordpress-admin-ui-reference-guide/trunk/wp-admin-ui-reference-guide.php

    r356514 r367809  
    44Plugin URI: http://www.wp-appstore.com/wp-admin-ui-reference-guide/
    55Description: Reference guide for all admin UI elements in WordPress admin. Must-have for all plugins developers.
    6 Version: 0.5.1
     6Version: 0.5.2
    77Author: Eugene Pyvovarov
    88Author URI: http://www.ultimateblogsecurity.com/
    … …  
    8989                <li><a href="#table">Tables(data, logs, quick edit, search)</a></li>
    9090                <li>TBD: Pagers(different types)</li>
    91                 <li>TBD: Tabs(small, big)</li>
     91                <li><a href="#block-tabs">Tabs(small, big)</a></li>
    9292                <li>TBD: Forms(input elements, html5 elements, formset)</li>
    9393                <li>TBD: Buttons, links, images</li>
    … …  
    315315        plain html table to display data.
    316316    </p>
     317    <h4>Plain HTML table</h4>
    317318    <div class="clear"></div>
    318319    <table class="widefat">
    … …  
    332333    </tfoot>
    333334    <tbody>
    334        <tr>
    335          <td>1</td>
    336          <td>test</td>
    337          <td>simple text</td>
    338        </tr>
     335       <tr>
     336         <td>1</td>
     337         <td>test</td>
     338         <td>simple text</td>
     339       </tr>
     340       <tr class="alternate">
     341         <td>2</td>
     342         <td>another</td>
     343         <td>more text here</td>
     344       </tr>
     345       <tr>
     346         <td>3</td>
     347         <td>quess what?</td>
     348         <td>more text here</td>
     349       </tr>
    339350    </tbody>
    340351    </table>
    341352    <div class="clear"></div>
     353    <pre><?php echo htmlentities('
     354<table class="widefat">
     355<thead>
     356    <tr>
     357        <th>RegId</th>
     358        <th>Name</th>
     359        <th>Email</th>
     360    </tr>
     361</thead>
     362<tfoot>
     363    <tr>
     364    <th>RegId</th>
     365    <th>Name</th>
     366    <th>Email</th>
     367    </tr>
     368</tfoot>
     369<tbody>
     370   <tr>
     371     <td>1</td>
     372     <td>test</td>
     373     <td>simple text</td>
     374   </tr>
     375   <tr class="alternate">
     376     <td>2</td>
     377     <td>another</td>
     378     <td>more text here</td>
     379   </tr>
     380   <tr>
     381     <td>3</td>
     382     <td>quess what?</td>
     383     <td>more text here</td>
     384   </tr>
     385</tbody>
     386</table>');?></pre>
     387<div class="clear"></div>
     388<p><em>More info about using <b>WP_List_Table</b> class will come soon.</em></p>
     389<h3>Tabs(small, big)<a name="block-tabs"></a><a href="#top" style="font-size:13px;margin-left:10px;">&uarr; Back</a></h3>
     390
     391<h4>You can use really big tabs:</h4>
     392<h2 class="nav-tab-wrapper">
     393    <a href="#" class="nav-tab nav-tab-active">Manage Themes</a>
     394    <a href="#" class="nav-tab">Install Themes</a>
     395</h2>
     396    <div class="clear"></div>
     397    <pre><?php echo htmlentities('<h2 class="nav-tab-wrapper">
     398    <a href="#" class="nav-tab nav-tab-active">Manage Themes</a>
     399    <a href="#" class="nav-tab">Install Themes</a>
     400</h2>');?></pre>
     401    <div class="clear"></div>
     402<h4>A bit smaller:</h4>
     403<style>
     404    h3.nav-tab-wrapper .nav-tab {
     405        padding-top:7px;
     406    }
     407</style>
     408<h3 class="nav-tab-wrapper">
     409    <a href="#" class="nav-tab">Manage Themes</a>
     410    <a href="#" class="nav-tab nav-tab-active">Install Themes</a>
     411</h3>
     412    <div class="clear"></div>
     413    <pre><?php echo htmlentities('<style>
     414    h3.nav-tab-wrapper .nav-tab {
     415        padding-top:7px;
     416    }
     417</style>
     418<h3 class="nav-tab-wrapper">
     419    <a href="#" class="nav-tab">Manage Themes</a>
     420    <a href="#" class="nav-tab nav-tab-active">Install Themes</a>
     421</h3>');?></pre>
     422    <div class="clear"></div>
     423<h4>Or just inline set of links:</h4>
     424    <ul class="subsubsub">
     425        <li class="all"><a href="#">All <span class="count">(11)</span></a> |</li>
     426        <li class="active"><a href="#">Active <span class="count">(6)</span></a> |</li>
     427        <li class="inactive"><a href="#" class="current">Inactive <span class="count">(5)</span></a> |</li>
     428        <li class="upgrade"><a href="#">Update Available <span class="count">(4)</span></a></li>
     429    </ul>
     430    <div class="clear"></div>
     431    <pre><?php echo htmlentities('<ul class="subsubsub">
     432    <li class="all"><a href="#">All <span class="count">(11)</span></a> |</li>
     433    <li class="active"><a href="#">Active <span class="count">(6)</span></a> |</li>
     434    <li class="inactive"><a href="#" class="current">Inactive <span class="count">(5)</span></a> |</li>
     435    <li class="upgrade"><a href="#">Update Available <span class="count">(4)</span></a></li>
     436</ul>');?></pre>
     437    <div class="clear"></div>
    342438    <?php
    343439    }
Note: See TracChangeset for help on using the changeset viewer.