Administrator

John Smith

settings|
Logout

Dashboard
- Dashboard
- Layout
- Typography
- Isolated
- Logout
Widgets
1
- Widgets
- Tabs
- Accordions
- Wizard
- Code View
- Text Editor
- Dialogs
Contacts
2
- Contacts
- Profiles
- Manage
- Add
Reports
- Reports
- Graphs
- Charts

Accordion Controls (note: These are interface components not musical instruments!
Dynamic Loading:
On Off

Below is a standard accordion control placed inside a regular box. It can be dragged and dropped and toggled like any other box. Click on the accordion bars to open and close it.

Cool feature, you can rearrange the bars by grabbing the dotted area to the right of the bar. Go ahead and try it out.

Accordion with Heading

First Heading

Content goes here
Second Heading

Content goes here
Third Heading

Content goes here
Fourth Heading

Content goes here
Fifth Heading

Content goes here

Accordion as content

First Heading

Content goes here
Second Heading

Content goes here
Third Heading

Content goes here
Fourth Heading

Content goes here

The next accordions dont have headers. This can sometimes be a cleaner, more simple way to present information. This type of accordion cannot be dragged (at the moment anyway) but its bars can still be rearranged.

First Heading

Content goes here
Second Heading

Content goes here
Third Heading

Content goes here
Fourth Heading

Content goes here

First Heading - rearranging disabled

Content goes here
Second Heading

Content goes here
Third Heading

Content goes here
Fourth Heading

Content goes here

Note: Like nearly all Adminica layout objects, the accordions width can be controlled using the 960.gs grid system, eg. to make a full width accordion you would give the box it is contained in a class="grid_16".

First Heading

Content goes here
Second Heading

Content goes here
Third Heading

Content goes here
Fourth Heading

Content goes here

Registration Form

UsernameBetween 5 and 20 characters

Username again…so we know you're human

PasswordBetween 5 and 20 characters

Repeat Password again…

Permission

I agree with the terms and conditions

All the form fields can be just as easily used in a dialog.

Text FieldLabel placed beside the Input

TextareaRegular Textarea

Bounce SliderSlide to Unlock

Delete File

Please confirm that you want to delete this file.

Adminica

Adminica is a cleanly coded, beautifully styled, easily customisable, cross-browser compatible Web Application Interface.

Adminica is packed full of features, allowing you unlimited combinations of layouts, controls and styles to ensure you have a trully unique app.

Adminica can scale itself automatically to fit whatever screen resolution the user has. The interface works perfectly all the way down to iPhone size