Version 1.0.0

Dropdown & Menu

Hi there...

I am a inline alert box....cool right? You can use me in several colors(or types)

Default dropdowns/dropups

Default dropdowns/dropups provided by the bootstrap framework.

Position

In the bootstrap framework you can choose between floating the dropdown/dropup menu left(default) or right, but we aded a extra class to allow a dropdown menu to float in the center.

Top

Helpers

Add elements/helper to enhance the look and feel of the dropdown/dropup.

Left
Center
Right
Tabs

Need to display multiple content, use a dropdown/dropup with tabs.

Left
Center
Right
Header

Add a simple header to an dropdown box. You can use an icon and a button inside the header.

Left
Center
Right
Footer

Add a simple footer to an dropdown box. You can use an icon and a button inside the footer.

Left
Center
Right
Grid

You can build your own dropdown/dropup and use grid inside.

Active icon

If you want to use a dropdown to allow user for example choose an action like sorting of any kind of content you can use this class to allow an active/indicator icon to tell users which action is set or has been set. This class if hooked to a block of jQuery.

Top

Mega menu

Instead of using sub menu's or a very long list of links you can use columns and build a mega menu. You can use mixed content in the mega menu.

Notice: this menu is responsive, if the menu is bigger than the screen it will switch to 1 column layout.
Columns

To extend the bootstrap even further we added the option to build you own mega menu with columns. Each column is 160px and you can go from 2 to 4 columns.

Top

Dropdown/dropup extend

These examples are build on top of bootstrap dropdown/dropup, so we call this dropdown extend. Most dropdowns are very easy to extend with just the class ext-dropdown-box.

Search

Use a very basic dropdown/dropup with a compact search field.

Login

Use a very basic dropdown/dropup with a login form and social login buttons.

Left
Center
Right
Form

You can use form elements inside a dropdown/dropup.

Left
Center
Right
Checkbox list

Use a chekcbox list as an sort of menu to select/un-select items.

Left
Center
Right
Text

Use text and title inside a dropdown/dropup.

Left 3
Center 3
Right 3
Comments

Use a dropdown/dropup to show the latest comments. Most data is put in a list, this way you can easily add or remove data.

Left 3
Center 3
Right 3
Inbox

Show the latest emails in a dropdown/dropup. Most data is put in a list, this way you can easily add or remove data.

Left
Center
Right
Progress

You can use the same progress parts used in the modules in a dropdown/dropup.

Left
Center
Right
Progress

You can use the same progress parts used in the modules in a dropdown/dropup.

Left
Center
Right
Scrollbar

Allow content to be scrollable. Use this class on top of any other dropdown extend classes.

Gallery

Use a gallery inside a dropdown/dropup.

Gallery

Use a gallery inside a dropdown/dropup.

Gallery

Use a gallery inside a dropdown/dropup.

Left
Center
Right
Chat

Use a simple but powerfull chat UI inside a dropdown/dropup. This chat has an hidden part which can be toggled with the right top button.

Left
Center
Right
Chat

Use a simple but powerfull chat UI inside a dropdown/dropup. This chat has an hidden part which can be toggled with the right top button. You can use a CSS3 validation form inside a chat UI.

Left
Center
Right
Chat

Use a simple but powerfull chat UI inside a dropdown/dropup. This chat has an hidden part which can be toggled with the right top button.

Left
Center
Right
Calendar

Add a simple CSS calender in a dropdown/dropup.

Icons vertical

You can use an icons only vertical menu.

Icons horizontal

You can use an icons only horizontal menu. Best used with max 4 icons.