Pannonia - fully responsive admin template HTML

Themeforest Pannonia - fully responsive admin template HTML

Download Pannonia - fully responsive admin template HTML

Download 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

Download Pannonia - fully responsive admin template HTML

Comments

  1. Hi Eugene, is there a simple solution to install Font awesome 4.1.0 on Pannonia theme ?

    ReplyDelete
  2. Hi.


    The only one solution is to update font files, css file and class name on pages


    Thanks

    ReplyDelete
  3. Hi,


    Though 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.

    ReplyDelete
  4. Hi there.


    Of 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

    ReplyDelete
  5. Requesting you to please have a look at these two screenshots:


    http://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.

    ReplyDelete
  6. Oh, that can be fixed by adding overflow-x: auto; to the parent div. I’ll with that for you if needed.


    Thanks

    ReplyDelete
  7. 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.


    Thanks.

    ReplyDelete
  8. Hi,


    Is 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.

    ReplyDelete
  9. Hi.


    Yes it is, try to add this code to the CSS file:



    .bootbox input[type=text] {
    width: 100%;
    }


    Thanks.

    ReplyDelete
  10. Hi there,


    I 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

    ReplyDelete
  11. Hi there.


    Please see this page, aLengthMenu parameter.


    Thanks

    ReplyDelete
  12. But in which js file i can find this code, there are hundreds of files.

    ReplyDelete
  13. Totally depends on your application structure, there is no specific place or file. But by default datatables code is in files/functions.js file.

    ReplyDelete
  14. Many thanks i found the solution.

    ReplyDelete
  15. Will you provide a Bootstrap 3 version?

    ReplyDelete
  16. hello 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…

    ReplyDelete
  17. Hi again


    I 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.

    ReplyDelete
  18. 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..

    ReplyDelete
  19. hi, eugene..any update with this template? thanks…

    ReplyDelete
  20. Hey there,


    Yes, 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

    ReplyDelete
  21. Hello again eugene..i sent you a private message…thanks…

    ReplyDelete
  22. I’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?

    ReplyDelete
  23. Hi,


    All 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

    ReplyDelete

Post a Comment