172 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.
I have purchased , it is working fine in mozilla like i am able to see all dynamic table components in mozila but not in IE11. Please help. on demo its is working in both ie11, mozilla and chorme
Hello,

Thank you for purchasing KingAdmin.
Is it table with export function? If yes, you need flash installed on your browser to make this function works
HI,
We bought KingAdmin, and we try to implement page-file-manager.html page. But that page give us a error:
jquery-2.1.0.min.js:2 Uncaught Error: Syntax error, unrecognized expression:
...
is the text of file: assets/js/plugins/tree/root.json

What are we doing wrong? We just download and unzip.

Thanks for the answer.
Hi,

Please provide your license ID so we can validate your purchase.
You can send us message via contact form at https://wrapbootstrap.com/user/thedevelovers

Cheers,
Ted
fleita PURCHASED
Hi! Great template!
I'm trying to include it inside an angular 2 project, but webpack is complaining about relative paths, specially with urls like:

table.dataTable thead .sorting {
background: url("../images/sort_both.png") no-repeat center right; }

Am I doing something wrong? Is there a special way to integrate this template with Angular 2?
Thanks in advance!!!
Hi,

Since we didn't create Angular 2 version for this template, perhaps our answer would be limited. However, try to adjust the assets path in .scss file. If you use Angular CLI, check your .angular-cli.json related with assets. The error is obvious, webpack can't find the file for given path.

Cheers,
Ted
fleita PURCHASED
Hi, Ted! Thanks for the reply.
I know the error is obvious, but is also obvious that if Webpack can't find the file in the given path, no other framework or browser -or whatever- would.
┬┐Are this images/gif's used by the theme? There are a lot of url's relative to the vendor site (dataTables, Gritter, etc). Gonna try removing all of them.

Thanks again
Hi Ted,

awesome theme!

how do you yourself convert sass to css for this theme? It would be awesome if you could share some information about this! I want to integrate this theme in a Symfony 3 App (using webpack-encore), but i am getting stuck on some files not found errors by the sass-loader (I just started with frontend stuff)

Thank you in advance
Roland
Hi Roland,

Thank you for purchasing KingAdmin.
The development of this theme still use Ruby Sass which is very slow compared to LibSass, Compass is dropped in the last version .
From what I heard, webpack is great but it would be hard/complex to configure. I believe your problem is only related with invalid file path required by sass-loader. I suggest to start with very small tester app, or even with your basic Symfony 3 App. Then you can scale it with KingAdmin by adding files/assets on small basis gradually.

Regards,
Ted
Hi, How do I customize bootstrap-switch with YES/NO instead of the default ON/OFF? Thanks.
Hi,

Thank you for purchasing KingAdmin.
To change the default ON/OFF, use option onText and offText http://bootstrapswitch.com/options.html
You also can see the implementation at theme demo http://localhost:8888/dev/kingadmin-1.6.2/form-elements.php

Regards,
Ted
Hello, the KingAdmin LAnding Page Header Menu dont work on Google Chrome V62, by the way on Firefox, IE and IE Edge work perfectly.

Any Solution?

thanks
Hi,

Thanks for purchasing KingAdmin.
Lately Chrome didn't support Local Scroll plugin anymore. So could just remove any references and code at scripts.js related with localscroll function.

Then use this code as replacement:
$('.nav-onepage a, .onepage-links a').on('click', function(e) {
e.preventDefault();

var target = $($(this).attr('href'));

$('html, body').animate({
scrollTop: target.offset().top
}, 1000, 'easeInOutExpo');
});

Regards,
Ted

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
2472Purchases

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:7 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: