1399 comments

Hello,
does new version provide Bootstrap 4 version of Material Design version?
Thank you,
Tom
Hi Tom,

Yeah, you are right. Bootstrap 4 version is available for all version now.

Best Regards,
Sean.
Hello...

Great looking template and looking at making a purchase. However I do have a question regarding jQuery use. In the source code of your demo you are using jQuery version 1.9.1. May I ask why such an old version of jQuery? The latest release is 3.2.1. Does this design work with the latest release of jQuery? I don't want to be restricted to use a version of jQuery that is 2 releases old.
Hi Snovak70,

Thank you for your comment and feedback. The reason why we are using the jQuery version 1.9.x is because it is the last version that support the old browser like IE 8. You may upgrade to jQuery 3.x and our template is supported to the latest version of jQuery as well.

P.S We will include the jQuery 3.x in next version release as well. Please stay tuned.

Best Regards,
Sean.
hi,
i have question about how to make the panel not to be draggable ? is that any setting can be configure so that i can make the panel fixed in its original position ?

thank you very much
du
Hi Du,

In order to disable the draggable panel feature, you may comment out the function in apps.js
FUNCTION: handleDraggablePanel()
LINE: 1141

Best Regards,
Sean.
thank you very much !
Hi, i have used your theme with vue.js and deployed to our development server under subdirectory. When i try to open the page.. it only show blank grey page with the page loading progress bar above the page. but the content (login page) is not rendered. This error doesn't show when i deploy the web without subdirectory.

any suggestion?
Hi Badinteractive,

You might need to check the following things:
1. make sure all the required js library like jquery, bootstrap has been included properly
(e.g "/assets/" which is not "assets/" in your localhost / server)
2. check if there have any javascript error from browser console.

Best Regards,
Sean.
Hi,

Great product, it's working great!

Quick question, I can't seem to get jQuery Datatables working with the Range Datepicker. Trying to make it so what dates you select in the range, are displayed in the table, and hides all other dates outside of that range. I was able to get it working at: https://jsfiddle.net/zy914ko6/
But in the website, I can't get it to work. Any reason why this would be?

I keep getting the error:
Uncaught TypeError: Cannot read property 'apply' of undefined
at HTMLInputElement.<anonymous> (jquery-ui.min.js:9)
at Function.each (jquery-3.2.1.min.js:2)
at e.fn.init.each (jquery-3.2.1.min.js:2)
at e.fn.init.t.fn.datepicker (jquery-ui.min.js:9)
at HTMLInputElement.<anonymous> (<anonymous>:103:16)
at Function.each (jquery-3.2.1.min.js:2)
at e.fn.init.each (jquery-3.2.1.min.js:2)
at HTMLDocument.<anonymous> (<anonymous>:102:34)
at j (jquery-3.2.1.min.js:2)
I think it has something to do with the scripts that are loading. I have all of the scripts linked in the JSFiddle, loading in the website, but some extras. The extras being:
jquery-migrate-1.1.0.min.js
jquery-ui.min.js
jquery.hashchange.min.js
jquery.slimscroll.min.js
jquery.cookie.js

It appears all of those are needed though.
Hi Kaneman,

Thank you for your comment and feedback. As long as you include all the required css & js file, it should be working on any website.

P.S Double check the browser console and make sure there have no javascript error.

Best Regards,
Sean.
Thanks for the reaffirmation that it should be working with any website. I accidentally had datatables linked twice, once in index and once in the page itself. Getting rid of one fixed my issue.

Thanks!
Hello,

I'm using Material Design version.
And I am satisfied with its quality.

So.. I am managing my project using Git.

And I want to know if you have library managing file like a "package.json",
because I want the plugin directory size smaller.

thank you.
Hi Snicmakino,

Thank you for your comment and feedback. Unfortunately, we are not using the npm package.json to manage the plugin directory.

Best Regards,
Sean.
I see, thank you!
Hi Sean,

Just purchased your template. Really like it, especially the beautiful Apple theme. We looked at a lot of templates and yours really stands out. Nice work!

Two questions for you:

1. Some users may want to hide the always visible theme panel button on the right side and instead have the option to expand it display on a pull down menu or in the side bar. How best to do this?

2. Currently, mobile sidebar expand / collapse button displays and the sidebar is hidden only when the viewport is small. How best to always start out in this mobile mode where the sidebar is hidden and the mobile sidebar expand / collapse button is visible?

Thank you.

Danny
Hi Danny,

Thank you for your comment and feedback. Regarding your question,

1. You may add the .active css class to the div.theme-panel in order to make the theme panel in expand mode.
e.g
<div class="theme-panel active">
...
</div>

2. You may add the following css in order to have the mobile sidebar expand / collapse button in large viewport
<style type="text/css">
.page-sidebar-toggled .sidebar {
left: 0;
animation: sidebarSlideInLeft .2s;
-webkit-animation: sidebarSlideInLeft .2s;
}
.navbar-toggle {
display: block;
}
</style>

Best Regards,
Sean.
Before Purchase, i want to know in this color admin due you have a popup like new intro of the page wile the page load.
Hi NethraDomain,

Thank you for your comment and feedback. Unfortunately, we do not have the popup like what you mentioned but we do have integrate the intro js in our template.

http://seantheme.com/color-admin-v3.0/admin/html/ui_tour.html

Best Regards,
Sean.
inweo PURCHASED
Hi,
it is possible to create inline form with multiple rows?
For example first row contains only inline inputs text and next row contain only selects, etc.?
Hi Inweo,

Yeah, you are right. You can use the inline input form elements with the bootstrap row to create the inline input with different rows.

E.g
<div class="row">
<div class="col-md-12">
---- your form element here ---
</div>
</div>
<div class="row">
<div class="col-md-12">
---- your form element here ---
</div>
</div>

Best Regards,
Sean.
Sean,

YOU WROTE:
2. You may add the following css in order to have the mobile sidebar expand / collapse button in large viewport
<style type="text/css">
.page-sidebar-toggled .sidebar {
left: 0;
animation: sidebarSlideInLeft .2s;
-webkit-animation: sidebarSlideInLeft .2s;
}
.navbar-toggle {
display: block;
}
</style>

Yes, that appears to work; however, the button does not respond to clicks. Assume there is also an associated JS file that needs to be modified?

Thanks,
Danny
Hi Danny,

The button is working fine on our side. After you added the css:
1. Make sure refresh the css cache (if you are adding the css styling into the css file)
2. Make sure the apps.js / apps.min.js has been included.
3. Check the browser console and make sure there have no javascript error returned.

P.S If the issue still exists, you may check the function following function in apps.js whether the click event is fired
FUNCTION: handleMobileSidebarToggle();
LINE: 114

Best Regards,
Sean.
YOU WROTE:
P.S If the issue still exists, you may check the function following function in apps.js whether the click event is fired
FUNCTION: handleMobileSidebarToggle();
LINE: 114
------------------
I conformed that the file, apps.js, is included. I also confirmed that there is no JS error in the console. Lastly, I placed a breakpoint on line 115 and then clicked on the button and the line was never reached. Do you have any other suggestions?
Hi Bestcoder,

The click function is located on
LINE: 161
CODE:
$('[data-click=sidebar-toggled]').click(function(e) {
... put your console log or alert here to indicate the button is clicked ...
});

P.S If the issue still occur, you may send us your html code via email and we will help you debug on our side. Support email can be found via your downloaded documentation page.

Best Regards,
Sean.
Dear Sir /Madam, How to change the logo in login_v2.html, i cannot find the logo url in the css file please help us
Hi NethraDomain,

Thank you for your comment and feedback. For your information, our logo in login page is created by simple css & html text. You may add your own logo by replace the html inside the brand div.
FROM
<div class="brand">
<span class="logo"></span> Color Admin
<small>responsive bootstrap 3 admin template</small>
</div>
TO
<div class="brand">
<img src="---- your logo url here ---" width="" height="" />
</div>

Best Regards,
Sean.
Hello Sir, in your Color Admin page there is a Color Theme setting in the right side if we change the color the page color and the logo color also change its looking good, so how to change in the class="logo" where is the css file, and how to import the url in the css, please help us
Hi NethraDomain,

You may refer to the following steps:

1.
FILE: apps.js
LINE: 463
CODE:
$('.theme-list [data-theme]').click(function() {
--- function when theme color selection is clicked ---
});

2. You may edit / change your logo styling based on different theme is loaded. All the theme file is located on "/assets/css/theme/"

Best Regards,
Sean.
I'm interested in buying the template, but I have some doubts.

http://seantheme.com/color-admin-v3.0/admin/ajax/index.html

The CSS and JS source code

/ *!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under the MIT license
* /

If the template is compatible with Bootstrap v4.x, because the template works with Bootstrap v3.3.7 ??

Thank you!
Hi Leyennda,

Thank you for your comment and feedback. Regarding your question, we have prepared a compatible css file (style-bs4.css) for bootstrap 4 which make our template compatible with both Bootstrap 3.3.7 & 4.0.0 Alpha 6. If you wish to use bootstrap 3, you may remove the file (style-bs4.css) from the page source.

Best Regards,
Sean.
Hello,

I can't find "less" folder for the "template_content_apple" theme.

There is a "less" folder only for the "template_content_html" version.

Could you please provide it ?

Kind regards,
Kenpachi.
Hi Kenpachi,

Thank you for your comment and feedback. Less version for apple design is not available yet. We will include it in next version release.

Best Regards,
Sean.
onyseven PURCHASED
Hi Sean, i wanna buy this template, but i have no paypal and CC, there is way to buy this template without paypal or CC , or bank transfer maybe,
Thanks
Hi Onyseven,

Sorry to say that we are selling all our template exclusively on Wrapbootstrap. This is because after you purchase our template, you will receive an unique license code generated by Wrapbootstrap and enjoy all the future updates (FREE).

Best Regards,
Sean.
chybusky PURCHASED
Hi Sean, how do I switch active tab on the form wizard like normal tabs. Please i need your assistance urgently
Hi Chybusky,

You may use the following method to switch the active tab.
<script>
$("#wizard").bwizard("show","3");
</script>

Best Regards,
Sean.
chybusky PURCHASED
Thanks very much
Hi, i have some questions, im new in this work, and i want to know if i purchase this theme , this include the Front-end and back-end(dashboard), fully configurated?
And if i have a hosting, i need to install this at host, or in my own pc and work the page in my host with the dashboard in my own pc?
Hi Jjosuejg,

Thank you for your comment and feedback. Yeah, our template include all the frontend and dashboard theme as you can see in our demo site.

Frontend and backend in programming terms is different things:
1. Frontend can be concluded as the website / UXUI / layout that you can see from a website or apps.
2. Backend mean the programming language like PHP / ASP.NET that handle all the logic behind your website before pass the data to your frontend.

For hosting, we suggest that you develop your site in your localhost (own pc) before push to the live site (hosting).

Best Regards,
Sean.
onyseven PURCHASED
Hello Sean, thanks for great template, i've problem, after i click panel-expand , i tried to show bootstrap modal, but the modal was behind of this. please help.
Hi Onyseven,

Thank you for your comment and feedback. Regarding your question, you may use the following css to configure the bootstrap modal z-index.

<style type="text/css">
.panel-expand .modal {
z-index: 2000;
}
</style>

Best Regards,
Sean.
Hola antes de hacer la compra el programador con el que trabajo me consulta lo siguiente:
Es un proyecto Angular2 nativo, o una mezcla de distintas cosas?
Hi Paulapaterno,

For your information, our Angular 2 is wrapped with jQuery. If you wish to use the full version of Angular JS 2 / 5, we suggest you to wait for Color Admin 4.0 which include the full version of Angular 5.0 (without any jQuery plugins)

Best Regards,
Sean.

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

$30
5868Purchases

Licenses: Details »

Single application $30
Version:3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Categories:
Tags: admin template, blog, bootstrap, css3, e commerce, forum, html5, jquery, one page parallax, responsive
Item#:WB0N89JMK
Released:3 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap
seanngu

seanngu

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: