159 comments

Hi,
Can you provide me with some information how this theme gets implemented? Is it just one css file?
Can you message me?

Thanks
John
Hello John,

Basically to use this template you can start with dashboard page or blank page provided. Then you can pick contents/elements such as chart, form, metrics or others to be added to your newly created page. It's like copy and paste, more or less. Yes, it's a single css file, but with separate Sass file (.scss) if you use Sass.

The theme provides documentation to get you started.

Thank you.
Ted
This is a great admin theme!

May I ask how can I edit this theme?
Which Editor do I use for this theme for my site or application development?

Thanks for answering!
Hello,

Thanks for your interest in KingAdmin.
You can start from blank page provided and take the elements such as forms, charts etc you want from demo page to your blank page. It's more like copy-paste job. Moreover, we provide you with theme documentation for guide and reference.

Sublime text is so far our favorite editor, it's simple and fast.
Thank you.

Cheers,
Ted
ordaweb PURCHASED
Hello, how can i add datatable export html5 buttons?

thanks!
DVB
Hello,

Thank you for purchasing KingAdmin.
Datatable demo can be found here http://demo.thedevelovers.com/dashboard/kingadmin-v1.6.2/tables-dynamic-table.html, it requires Flash plugin however.

Open file assets/js/king-table.js and find '#datatable-data-export', you can see an example of configuration where you can apply export buttons. Also, mind the datatable extensions needed dataTables.tableTools.min.js

Cheers,
Ted
IAli13 PURCHASED
Hi Ted,

I like the dashboard a lot and very pleased to be able to apply into my new project easily. One issue I am having at the moment is I am not able to render select elements the way it is shown in form-elements page. I only get html plain native select box. What are scripts and css required to beautify these select elements. I tried all the script in the page and I couldn't get the expected.

Kind regards

Imraaz
Hi Imraaz,

Glad to know you like KingAdmin.
Regarding your problem, you need to include plugin bootstrap-multiselect, also don't forget to configure and init the plugin, you can see the scripts at king-elements.js.

If you still have an error, please open your web development tools to see if there are any other javascript errors that break the plugin.

Regards,
Ted
IAli13 PURCHASED
Hi Ted,

Finally had a chance to try your suggestion and worked really well. Appreciate your help. The control looks stunning. My site will be used by over 400 users and I can guarantee the users will enjoy the new look and feel of the site.

Kind regards

Imraaz
When ever I print a page using the theme, this includes the Live Preview there is a line where the nav menu is displayed that is printed on the paper. Also the invoice prints with the same line.

PDF prints are at

https://www.dropbox.com/s/1vlzmmz3esemiuz/Invoice%20_%20KingAdmin%20-%20Admin%20Dashboard.pdf?dl=0

https://www.dropbox.com/s/48ysvc08belk05w/Dashboard%20_%20KingAdmin%20-%20Admin%20Dashboard.pdf?dl=0
Hello,

If you want to style certain elements in printing media, use @media print at css.
So, left border shouldn't be displayed when you want to print the page.
@media print {
.content-wrapper {
border-left: none;
}
}

Thank you for reporting this.

Regards,
Ted
Thanks Ted that eliminated the line. But there's a bunch of white space where the left side bar is. I did add the class hidden-print to it but this doesn't fully resize the page when printed.
Hi,

Sorry for the incomplete solution. Here's the better one:

@media print {
.content-wrapper {
border-left: none;
margin-left: 0;
}
}
I ended up figuring it out. I had to simulate a $('.toggle-sidebar-collapse').click(); to get the sidebar to disappear
This is my code. Maybe it would be useful to include in the theme.

$(document).ready(function () {
var beforePrint = function() {
$('.toggle-sidebar-collapse').click();
};
var afterPrint = function() {
$('.toggle-sidebar-collapse').click();
};

if (window.matchMedia) {
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function(mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}

window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
}
Thank for your input.
It would be a valuable alternative solution that need to be considered.

Regards,
Ted
Hello,
I discovered ur template and I very interesting to install it for my company.
But I've question before, I've few data from SharePoint or Excel Files, do you know if possible to convert data from Excel files on this template in order to centralise data with ur template.

Otherwise, I think I need to create database on MySQL to translate it on Ajax right ?
Sorry for my English, I'm French user :)

Thank You
Hello Mickael,

Thanks for your interest in KingAdmin.
As far as I know, there's always a way to connect from/to data file, in this case Excel. However, I didn't know what part of the template that you mean for this requirement. Anyway, take a look at this PHP library to read and write spreadsheet files https://github.com/PHPOffice/PHPExcel

Regards,
Ted
Hello,
I think there is a small bug in the javascript king-common.js regarding the sidebar. When you have a submenu open in the sidebar, a different one than the one active and you minify the sidebar, the menu-items under the submenu stay visible ("open").

Regards,
TacheCompany
Hello,

Really appreciate your bug report, yes indeed there's an unexpected behaviour about that. It's happening because the other submenu (in expanded mode) didn't receive 'open' class once the submenu toggle clicked. Meanwhile, the active submenu get 'open' class set from document loading.

So at king-common.js about line 29 and 36, toggle the 'open' class.
// when expanding submenu
$li.find('> ul.sub-menu')
.slideDown(300)
.addClass('open'); // add this

// when collapsing submenu
$li.find('> ul.sub-menu')
.slideDown(300)
.removeClass('open'); // add this

Hope it helps.
Regards,

Ted
Sorry for the late reply but was on holiday. Yes it worked! Thank you for the solution.
Hi,

This is great template.
but, you don't think how to implement with backend (ex: php).
for ex to show chart, you put all value and option on js file, what did you mean ?
i will show data from my database, but, i am confuse how to implement on this template.

can you please provide me about this ?
Hi,

Thank you for purchasing KingAdmin.
Regarding backend implementation, let's say it's flot chart. Here's the example you can follow:

https://stackoverflow.com/questions/1312302/retrieve-data-from-mysql-by-php-to-create-flot-graph

https://stackoverflow.com/questions/13124376/structure-of-php-array-needed-for-creation-of-flot-chart-with-json

Hope it helps.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$12
2410Purchases

Licenses: Details »

Single application $12
Version:1.6.2
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: admin, admin dashboard, charts, components, dashboard, responsive dashboard, sass, ui, ux
Item#:WB09JXK43
Released:3 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap
thedevelovers

thedevelovers

Signed up 4 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: