Amsterdam overview

Amsterdam admin template is a responsive template built with Twitter Bootstrap for backend panels, suitable for cms systems, web apps and other control/billing/hosting panels. Includes 4 main responsive layouts in dark and light versions. 2 of 4 layouts have 3 columns version. Amsterdam is fully compatible with iPad and iPhone devices. The template is based on 12 columns grid and is very flexible, keeping the main content part the same is very easy to change the general look and color theme. PSD files aren’t full, only 2 included – general ui components and dark colors layout, almost everything was designed in browser. Please, if you found any bugs, strange look or have any suggestions – don’t hesitate to let me know, i will do my best to fix those issues as soon as possible. Usual support available: Mon – Fri, 9:00 – 20:00 CET Enjoy!

Some features

3 columns layout

2 versions have 3 columns layout for wide screens.

Advanced bootstrap components

Contains advanced modal and progress bar plugins

Error pages

Contains a bunch of error pages ready to use

Bootstrap icons

Font Awesome and Glyphicons included

4 layouts

Unboxed dark responsive layout Boxed light responsive layout Unboxed light responsive layout

Growl like notifications

Styled Growl like notifications

Main navigation

Dark and light navigation depending on layout color scheme And much, much more…

Full features list

• Liquid 2 or 3 columns layout
• Light / Dark layouts
• 2 / 3 columns
• Boxed / Unboxed layout versions
• Integrated Flot charts:
  • Lines
  • Bars (vertical and horizontal with tooltips)
  • Pies
  • Auto updating chart
  • Threshold charts
  • Filled charts
• Form elements:
  • Full set of input fields with default stylings.
  • Appended, prepended elements
  • Textareas options: counter and elastic
  • Tags input
  • Full set of HTML5 inputs
  • Masked inputs
  • iPhone like toggle switches
  • Styled dropdowns: Uniform and Select2 plugins with options
  • Styled and unstyled checkboxes and radios
  • Stacked pills, stacked tabs
  • Radio and checkbox buttons
  • 2 directions form related buttons
  • WYSIWYG editor
  • Dual multiple selects with filter feature
  • 4 forms versions: default (block), inline, transparent and horizontal
  • 2 label positions for controls
  • Fields validation
  • Light and dark form elements for sidebar
  • 3 types of wizards: with ajax submit, with standard submit, with validation
  • Set of inputs grid
• Components:
  • 5 types of middle navigation elements: usual buttons, buttons with background, pie charts, 2 types with Font Awesome icons
  • jQuery sliders set
  • jQuery UI datepickers: default with input field, inline liquid, inline fixed, icon trigger, dates range
  • Color picker with options: HEX format, RGBa format, as a component.
  • Timepicker with options: with duration feature, 2 time formats
  • Set of navbar elements:
    • Collapsible wigets: opened and closed by default
    • Progress bars
    • Input fields
    • Buttons in 2 positions and sizes
    • Toolbar tabs
    • Pager and pagination
    • Links list with dropdowns
    • Labels and badges
    • Glyphicons and Font Awesome icons: only icon or icons list with dropdowns
    • Caret only dropdown
    • Datepicker input
    • Toggle checkbox, toggle radio
    • Simple icons list
    • Toolbar with smaller font size for heading
    • Toolbar
    • Navbar form elements
    • Simple loader
  • Some examples of custom usage of Bootstrap and jQuery UI elements
  • Styled Growl like notification for success, warning, error and info messages
  • Animated gif loaders
  • Tooltip in 4 positions
• Bootstrap components:
  • Progress bars with options:
    • Filled with text
    • Starting with delay
    • Unfilled
    • With centered text inside
    • With value
    • With tooltip
    • Horizontal and vertical
    • Slim and wide
    • Top, bottom, right, left directions
    • 4 colors for success, info, warning, danger
  • Left, right, top, bottom, navbar (left and right aligned), toolbar tabs with optional fade effect
  • 4 sizes pagination: left, center, right aligned
  • Pager: boxed and unboxed
  • Media lists and media objects
  • 6 options for well element:
    • Well large
    • Well default
    • Well small
    • Well smoke
    • Well white
    • Nested wells with subtitles
  • Breadcrumbs
  • 2 navbars: light, dark with elements
  • Scrollspy example
  • Accordions and toggles
  • Labels and badges
  • Alerts in 4 colors: line notifications, block notifications, general top notifications
  • Popovers in 4 directions
  • Modals:
    • Alert, confirm and prompt dialogs
    • Multiple dialogs
    • Programmatic close
    • Generic modal
    • Dynamic content
    • With iconified buttons
    • Override alert and confirm icons
    • Callbacks
    • Prompt with default value
  • Buttons and icons:
    • 8 default button colors
    • 5 button sizes: block with 100% width, large, default medium, small, mini
    • Vertical and horizontal button groups
    • Button dropdowns: top and bottom directions, splitted and standard
    • With icons: Font Awesome and Glyphicons
    • Font Awesome and Glyphicon icons
  • Basic and advanced thumbnails
• 12 columns responsive content grid with offset
• Charts:
  • Default line chart
  • Vertical and horizontal bars
  • Threshold chart
  • Filled chart
  • Pie chart
  • Auto updating chart
  • Sidebar line chart and horizontal/vertical bars
• 2 layouts for messages: timeline and chat
• Calendar with schedule
• Tables:
  • Default without side borders
  • Striped table
  • Bordered table
  • Bordered table inside content
  • Hover class
  • Condensed table
  • Transparent table
  • Datatable
  • Table with footer
  • Table with gradient
  • Table with checkboxes
  • Table with toolbar
  • Tabbed table
• Error pages:
  • 403 error
  • 404 error
  • 405 error
  • 500 error
  • 503 error
  • Website is offline
• Typography:
  • Headings and default css stylings
  • Syntax highlighter
  • Left and right blockquotes
  • Emphasys styles
  • 8 default list styles
  • Horizontal and vertical descriptions
• File manipulations:
  • File manager
  • Multiple file uploader with drag and drop functions
• Tabbed page