Constellation is a powerfull admin skin for building advanced backends, both for desktop and mobile users. It provides a wide range of styles from data visualization to lists and calendars, all fluid and nestable. This skin is build on HTML5 and CSS3 , and is powered by jQuery for maximum user experience.

Updated to v1.5! See at the bottom for a detailed list of changes.

“Wonderful work on the template, it has been an absolute pleasure to work with, well documented, well designed, 10 out of 10. The best $20 I have spent in a long time” – lvismer

“Visually stunning! Love it! Very clean and easy to modify code without cluttering things up. Was easy to integrate into an existing CodeIgniter site with a horrible admin template. Thanks!” – 2bytes

“Absolutely amazing! This was more than worth the purchase! Great job, and thanks for your amazing work!” – allaspects

“Constellation is one of the most comprehensive, well-documented, well-planned projects we’ve ever seen. Cheers to great work!” – daveromero

Features

  • HTML5 & CSS3 markup
  • Fluid or fixed layout, based on 960 grid system
  • 47+ elements styles, with multiple variations
  • jQuery powered, fully functional even if JS is disabled
  • Satellite backend pages are provided: login, error with report sending, 404’s…
  • Mobile version included – for iPhone, Android and all webkit-based mobile browsers – compatible with main template content styles
  • All elements are fluid (sizes are in EMs): resize just by adding a class
  • Detailled documentation with complete styles and functions references
  • 2 background colors : light and dark

Pages included in the package

  • Main page with examples of all included styles:
    • Favorites list
    • Statistics with filters
    • Week & month planning
    • Control panel
    • Simple and complex forms
    • Advanced table block
    • Data grid view
    • File manager
    • 4 calendars styles
    • Tasks and blocks
    • Toolbar
    • Multiple lists styles
    • Help
    • Wizard and image gallery
  • Login with working ajax/php script (compatible with the mobile version)
  • Error page with report sending, fully fonctionnal (compatible with the mobile version)
  • Error documents: 400, 401, 403, 404, 500 and 503 (compatible with the mobile version)
  • Mobile pages
  • Older browser ‘Please update’ notice page, with working detection

Included styles

  • Navigation with infinite levels
  • User status bar with breadcrumb
  • Fixed edition bar, stays on top of screen
  • Fixed footer buttons
  • New! Modal windows
  • Drop-down menu with infinite levels, embeddable in many elements
  • Content box with glass border, block controls and a dedicated tabs style
  • 3 nestable tabs styles
  • Forms with collapsible fieldsets, visual required/validation styles and iPhone-like switches
  • 5 messages styles
  • User planning with timelines, milestones, breaks, unavailable periods, current time…
  • Table with sort arrows
  • Tiny, medium, large and list calendars with multiple events listing styles
  • New! Week calendar view
  • Wizard steps
  • Image gallery and preview
  • 20 different list styles with multiple variations:
    • Bulleted list
    • Keywords
    • Tags
    • Small pagination
    • Picto list
    • Simple list
    • Collapsible list
    • Definition list
    • Accordion list
    • Files tree
    • Favorites
    • Shortcuts
    • Files list
    • Grid list
    • Tasks list with tags and comments
    • Blocks & mini-blocks list
    • Icon list
    • Small files icon list
    • Extended list

Functions

  • Automatic setup: no extra JS needed to enable template effects, even on AJAX loaded content
  • Working AJAX /php login script
  • AJAX instant search-form results
  • New! Flexible modal windows using existing content, ajax or iframe
  • Full featured error page, with report sending form
  • CSS and JS files compression system, easy to use (no server customization required)
  • Nestable tabs, with content height equalization, events on show/hide to setup content and browser back button enabling
  • Built-in tips system, with both CSS or JS setup
  • Multiple dedicated plugins: accessibleList (long lists pagination), ajax real-time search field…
  • Older browsers detection (redirect to a ‘Please update’ notice page)
  • Context menu (right click) plugin, with easy building function
  • Closable elements, just by adding one span inside
  • Growl-like notifications and block messages in just one function call
  • Ajax loading effect, with animation and Retry/cancel message on error
  • New! Table sorting with DataTable plugin
  • New! Date selector with DatePicker plugin

Template package content

  • HTML only template
  • HTML + PHP template
  • All template PSD files: main, mobile, special pages, favicons and slices
  • Detailled documentation with complete styles and functions references + code samples

Credits

Changelog

  • v1.0
    • Initial release
  • v1.1
    • Template changes:
    • Several CSS bug fixes
    • Added 3 new styles
    • Added modal windows styles and controls
    • Added -webkit-background-clip: padding-box; to styles using border radius (see http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed)
    • Added week calendar
    • Added function resetTabContentHeight() to reset tabs content-blocks heights
    • Fixed a bug in old-browsers.js in function getCookieParams()
    • Fixed a bug in $.fn.addTemplateSetup()
    • Various JS template setup functions optimizations
    • Added DatePicker
    • Added DataTable
       
    • Documentation changes:
    • Added changelog
    • Added optimization instructions
    • Added modal window documentation
    • Added DataTable plugin integration example
    • Added DatePicker plugin integration example
    • Updated several sections
  • v1.2
    • Template changes:
    • Add support for class .menu-opener for main nav sub-menu and H1
    • Improved performance and support of .files class
    • Improved tab switching to avoid screen flickering when content is smaller than the viewport
    • Added support for tool-tips for switches
    • Added support for input keep-logged in login script
    • Enabled error_reporting level check in error reporting script
    • Fixed a CSS bug when using spans and inputs in block controls
    • Fixed a CSS bug causing hidden text in main menu tabs to show
    • Fixed a bug in function getDefaultTabIndex() when used with jQuery 1.4.3
    • Fixed a bug in function $.fn.modal()
    • Fixed a bug in old-browsers.js
    • Fixed a bug in error reporting sending script
  • v1.5
    • Added a new main menu style, without big icons and allowing a custom logo
    • Added a month planning style
    • Added a red style for breadcrumb
    • Improved the modal window to allow using an iframe for the content
    • Several other tweaks and fixes to the modal window lib
    • Use of Modernizr to enable feature detection and improve compatibility (removed html5.js)
    • Updated most external javascript libs to their latest version
    • Improved the mobile menu to handle screen rotation/resizing
    • Improved the login page message box to allow any content height
    • Improved the class menu-opener to allow using the opening button as a link
    • Added CSS fix to use the datepicker in modal windows
    • Added a disabled style for inputs/selects/textarea
    • Several new basics CSS styles
    • Several minor CSS fixes
    • Fixed a bug in CSS /JS minimizing
    • Fixed a bug with reversed drop-down menus
    • Fixed the dark background height issue
by
by
by
by
by
by