Pannonia - fully responsive admin template HTML
Overview
Pannonia – a new premium admin skin based on Twitter Bootstrap framework with flexible content structure. It has 2 columns liquid structure with 3 level navigation and lots of sidebar elements. Pannonia is compatible with Bootstrap 2.3.1 version. Integrated bootstrap plugins add an extra easy to use components to custom stuff like buttons, dropdown menus, different button sizes and many other. Pannonia is a fully responsive template, which means it is compatible with mobile devices such as iPhone and iPad, with ability to hide sidebar.
12 columns grid for main content and widgets makes the whole template very flexible for different type of data and content.
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
Hide/Show sidebar and action tabs
Just click on the button on top right nav to hide/show sidebar and action tabs panel
Custom widgets
Custom widgets included.
Bootstrap components
All bootstrap components have custom styling
Advanced modals
Advanced modals functionality
Icons
3 types of icons included: FamFam icons, Glyphicons and Font Awesome.
Jquery UI components
Some of Jquery UI components included
Media elements
Layout for images/videos, with custom options bar
Navbar elements
Lots of navbar elements
Sidebar elements
Lots of sidebar widgets
Full features list
Liquid 2 columns responsive layout
Integrated Flot charts:
- Lines
- Bars (vertical and horizontal with tooltips)
- Pies
- Auto updating chart
- Widgets with charts
Form elements:
- Full set of input fields with default stylings.
- Appended, prepended elements
- Textareas options: characters counter and elastic
- Tags input
- Full set of HTML5 inputs
- Masked inputs
- 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 (CKEditor)
- Dual multiple selects with filter feature
- 3 forms versions: default (block), inline and horizontal
- 2 label positions for controls
- Fields validation
- 3 types of wizards: with ajax submit, with standard submit, with different animation
- Set of inputs grid
Components:
- Collapsible action tabs with buttons, statistics and integrated google maps
- 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
- Toolbar tabs
- Pager and pagination
- Links list with dropdowns
- Labels and badges
- Glyphicons, FamFam and Font Awesome icons: only icon or icons list with dropdowns
- Caret only dropdown
- Datepicker input
- Checkboxes, radios
- Simple icons list
- Toolbar
- Navbar form elements
- Simple loader
- Styled Growl like notification for success, warning, error and info messages
- Animated gif loaders
- Tooltip in 4 positions
Bootstrap components:
- Progress bars with options
- 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
- 6 options for well element:
- Well large
- Well default
- Well small
- Well smoke
- Well white
- Nested wells with subtitles
- Breadcrumbs
- 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, FamFam and Glyphicons
- Font Awesome, FamFam and Glyphicon icons
- Basic and advanced thumbnails
- 12 columns responsive content grid with offset
Charts:
- Default line chart
- Vertical and horizontal bars
- Pie chart
- Auto updating chart
- Sidebar line chart and horizontal/vertical bars
- Custom widgets with charts
- Calendar with schedule
Tables:
- Default without side borders
- Striped table
- Bordered table
- Bordered table inside content
- Hover class
- Condensed 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
- Page with media elements
Credits
Demo images by FreebiesBug
Changelog
Version 1.0 released
Version 1.0.1 released
- Fixed checkboxes issue which didn’t work inside table
- Fixed word wrapping issue in footer and breadcrumb links
Hi Eugene, is there a simple solution to install Font awesome 4.1.0 on Pannonia theme ?
ReplyDeleteHi.
ReplyDeleteThe only one solution is to update font files, css file and class name on pages
Thanks
Hi,
ReplyDeleteThough its more than one year old but looking at the features and positive replies here, I am tempted to buy this template. I would like to ask a question about responsive tables being used in this template.
In the demo maximum five columns are used with very little text. If there are say 8, 10 or more columns with display of information like email which does not have spaces in it and so can not displayed more than one line then how will the tables behave?
Will horizontal scroll bar still be there if table goes outside the screen on right side?
Thanks.
Hi there.
ReplyDeleteOf course, on small screens all table cell content has no wrap, doesn’t matter how many columns you’ll have there, scrollbar always will be there if total width of columns is higher than table width.
Thanks
Requesting you to please have a look at these two screenshots:
ReplyDeletehttp://postimg.org/image/fqnc11t6d/
http://postimg.org/image/r1pzpf01h/
Above screenshots are two scenarios and in both the table goes beyond the screen on right size.
Thanks.
Oh, that can be fixed by adding overflow-x: auto; to the parent div. I’ll with that for you if needed.
ReplyDeleteThanks
Is there by any chance these both scenarios be included in the demo by adding another table on tables.html page so that it can be seen working online? I believe this may be another star on the list of features.
ReplyDeleteThanks.
Hi,
ReplyDeleteIs it possible to fix the width of the input box in the bootbox prompt in order to fill full the window?
http://i.imgur.com/jg8uyPY.png
As is seen on the demo
http://bootboxjs.com/#examples
Thanks in advance.
Hi.
ReplyDeleteYes it is, try to add this code to the CSS file:
.bootbox input[type=text] {
width: 100%;
}
Thanks.
Hi there,
ReplyDeleteI purchaed this item, really nice but could you tell me how to change the default value:
here is the screen shot.
http://prntscr.com/5l50p1
by default I want 100 entries.
waiting your reply.
Thanks
Hi there.
ReplyDeletePlease see this page, aLengthMenu parameter.
Thanks
But in which js file i can find this code, there are hundreds of files.
ReplyDeleteTotally depends on your application structure, there is no specific place or file. But by default datatables code is in files/functions.js file.
ReplyDeleteMany thanks i found the solution.
ReplyDeleteWill you provide a Bootstrap 3 version?
ReplyDeletehello again i was the one who contacted you last time, i told you i am interested with the template..you said you are already working on the new version..any update? i am now ready to purchase this template..btw i have few requests if it’s possible..can it have a possibility to lock or freeze the row header and at least 2 or three columns from left? and also, a way to update/edit the table data directly? (within the td tag) thanks and hope to hear from you soon…
ReplyDeleteHi again
ReplyDeleteI mentioned that i am planning to update it when BS 4 will come out It just did and i will start a new development in 6 days. I think it will take about 2 weeks to complete.
Yes it will include these features in datatables, along with new library version.
Thanks for your patience.
let me know when will the update be available..ps i hope the scrollbars will be automatically available in large tables using ios browser and safari…ty..
ReplyDeletehi, eugene..any update with this template? thanks…
ReplyDeleteHey there,
ReplyDeleteYes, update is still in progress, i just don’t have a time to get it eventually done. Hopefully it’ll be out by the end of March.
Very sorry for delay.
Thanks
Hello again eugene..i sent you a private message…thanks…
ReplyDeleteI’ve purchased this theme but for the life of me i can’t find the HTML for the modal boxes?! Am i missing something so simple or it is hidden in a .js file?
ReplyDeleteHi,
ReplyDeleteAll modals you can find on components_modals.html page. Modals markup is perfectly divided and commented, so you can easily find a desired configuration on the same page right below the core markup.
All modals are attached to the buttons and some functionality you can find in components_modals.js file, located in assets/js/pages/ directory.
Let me know please if you have any issues with them.
Thanks