iDash Fluid Admin Panel

Main Tab
Second Tab
Another Tab

Datatables Preview

Information

iDash also makes adding tables to your admin panel easy as well. Create datatables that allow you to paginate, search, filter, and sort data by simply adding a class to them.

<table class="datatable">

Sorting

Notice how you can sort either ascendingly or descendingly by clicking on the column headers. You can also page through the data, and fliter it by using the search box above the table.

Client	Email Address	Payment Made	Actions
Jim Jones	jimjones@email	8/1/2011	Edit Remove
Sean Carter	sean@email.com	8/1/2011	Edit Remove
Caleb Followill	claeb@email.com	8/1/2011	Edit Remove
Dewey Cox	dcox@email.com	8/2/2011	Edit Remove
Mike Hunt	mrhunt@email.com	8/3/2011	Edit Remove
Jimmy Ivine	jivine@email.com	8/3/2011	Edit Remove
Marshall Mathers	mathers@email.com	8/3/2011	Edit Remove
Curtis Jackson	curtisj@email.com	7/12/2011	Edit Remove
Dale Allen	allen@email.com	7/22/2011	Edit Remove
Beyonce Knowles	bk@email.com	6/20/2011	Edit Remove
Michelle Colwell	michelle@email.com	6/18/2011	Edit Remove
Stacy Kaplan	stacyk@email.com	8/15/2011	Edit Remove
Paul Tuttle	paully@email.com	7/20/2011	Edit Remove

Using Tabs

The Tab system is also very easy to use. Simply add a link to the tab list and create a div with the tab ID to get the ball rolling.

<ul>
            
	<li class="current"><a href="#tabone">Tab One</a></li>
	<li><a href="#tabtwo">Tab Two</a></li>
	<li><a href="#tabthree">Another Tab</a></li>
                            
</ul>

<div id="tabone" class="panel">

	Content

</div>

<div id="tabtwo" class="panel hidden">

	Content

</div>

<div id="tabthree" class="panel hidden">

	Content

</div>

Datatables Preview

Information

Sorting

Using Tabs

Another Tab!