1870 comments

Hi,

When using typeahead.js on the expanding input at the top right (Enter keyword), the expanding area gets a white background.

Regarding the autocomplete plugin, it seems to be missing in the documentation?

Best regards
Kim
Hi Kim,

We are not using the typeahead.js for autocomplete plugin. We are using the default jQuery UI for autocomplete feature. You may refer to the form_plugins.html for the autocomplete integration.

p.s for top header you might need to add the following css in order to bring the menu in front of the header.
<style type="text/css">
.ui-autocomplete.ui-menu {
z-index: 1020 !important;
}
</style>

Best Regards,
Sean.
Thank you for your instant and clarifying reply :-)

The autocomplete dropdown doesn't line up very well, but I think it's OK.
dbzsoft PURCHASED
Hi, I have this error:
no such file or directory, stat 'C:\xampp\htdocs\assets\img
//img
mix.copy('resources/assets/img/', 'public/assets/img/');
// js
mix.copy('../assets/js/', 'public/assets/js/');
// css
mix.copy('../assets/css/', 'public/assets/css/');

how i fix it??
Hi Dbzsoft,

If you are moving out the laravel version, you might need to copy over the asset folder to the same level of your laravel project folder in order to complete the installation.

E.g
your-project-folder/
assets/

Best Regards,
Sean.
what is the limitation of single user licence?
can we use it for a webapp, and that app can b sell to all my clients
Hi Anikanauman,

You may refer to the following page for all the licenses usage
https://wrapbootstrap.com/help/licenses

Best Regards,
Sean.
i am little confused after reading this, can you just clarify the limitation of single user licence please
Hi Anikanauman,

For single application license, it is for one client / website / application.
For multiple application license, it is for multiple client / website / application.
For extended application license, it is for those website / application (end product) will re-sell to other people.

Best Regards,
Sean.
thank you for quick responce. i need only html css theme, what else do i got on purchasing on this theme. and is it having any validity or licence expiration?
Hi Anikanauman,

You will get all the files, plugins and documentation once you purchase our template. There have no expiration regarding the licenses. Which mean you can enjoy all the future update without purchase the template again.

Best Regards,
Sean.
sostene PURCHASED
Hi Sean

This is a great template.

But I have requirement to migrate site to a Vue based framework.

Wondering if you any plans for doing a Vue 2 version for this?

Best Wishes,
James
Hi James,

Thank you for your comment and feedback. Yeah, you are right. We will release a vue version with vue cli in next version release.

p.s next version will be release within next coming months.

Best Regards,
Sean.
Hi !
I purchased your template that is great, thank you a lot for your work !
I'm trying to integrate it with Webpack Encore, I followed the documentation to import all scripts that are needed by default. However, I've a problem :
If I use the jquery-3.2.1.min.js version that is provided, jQuery is not recognized and then i can't use $(document).ready(function() {...})
If I'm using jquery by importing it via a CDN, i've no more errors with jQuery but I still have an error : 'App is not defined'. I checked, all my scripts are well imported and are available in the sources tab in the Chrome console...
Do you have an idea ?

(I juste added the scripts that are imported in my webpack.config.js and updated filenames...)

Have a nice day !
Hi Abarroux,

Have you include the compiled bundling js file after webpack compile your js file?

Best Regards,
Sean.
Thanks for your answer !
Well, i added each file one by one and updated all paths with the corresponding public path, and files are loaded because i can find each of them inside the sources tab !
So i don't know what I missed
Hi Abarroux,

We need to have some screenshot for your webpack configuration file so that we can assist you to solve the problem quickly.

p.s support email can be found via you downloaded documentation page.

Best Regards,
Sean.
I'm sending you an email right now !
Thanks !
Hi -

I purchased this product, a few years back (v 2.1.0). Are updates to the newest version free of charge?

Our team loves the product and we want to continue to expand upon it. Thanks

Tom
Hi Tom,

Yeah, it's free of charge. You may use the download resender to redownload the latest version of Color Admin.

https://wrapbootstrap.com/support/download-resender

Best Regards,
Sean.
Hola, una consulta. Me preguntaba si van a implementar el cambio de colores para los temas, tal vez que en ves que todo sea negro, cambie de tonalidades generalizadas como celeste u otros para todo el Dashworks y este como paleta.
Hello, a consultation. I was wondering if they are going to implement the change of colors for the themes, maybe that instead of everything being black, change generalized tones like celeste or others for all the Dashworks and this as a palette.
Hi Raphael,

Thank you for your comment and feedback. We do have multiple color tones for panel, sidebar, header and etc. You may take some times to have a look on our demo site. Besides that, you may use the css class to change the color scheme to your favourite color as well.

Best Regards,
Sean.
politigf PURCHASED
Excellent template! We are implementing a variation of your full height example (without the left and right columns) from color_admin_v4.1.1/admin/template/template_html/page_full_height.html. We are running into a sporadic issue where the scrollbar/scrolling for the content area doesn't 'activate' right away on page load. Sometimes the page loads and we're able to scroll the content area immediately, and sometimes with the same page content, the content area will not scroll for up to 5-10 seconds, after which it will start allowing it. Any ideas on potential causes of that?
Hi Politigf,

Thank you for your comment and feedback. We have realise the problem and here is the quick fix for the issue.

<script>
$(document).ready(function() {
$('[data-scrollbar="true"]').mouseover();
});
</script>

p.s we will include the fixes in next version as well.

Best Regards,
Sean.
politigf PURCHASED
Awesome! Thank you so much!
Joshmus PURCHASED
Hi,

So I purchased this template a few months back, the admin side is great as that's currently on bootstrap 4. The problem is that the front end is still on bootstrap 3 which makes the use of this template inconsistent to use. Just wondering if there any plans on the frontend becoming bootstrap 4?

Kind regards,
Josh
Joshmus PURCHASED
Do you also have any documentation of the laravel template? Ive rean npm install and composer update but nothing seems to render?
Hi Joshmus,

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

1. We will upgrade the frontend template to Bootstrap 4 in next version release. V4.2 will be released within next coming month.

2. For Laravel, you might need to go to the laravel directory and run the command
npm install
composer install
npm run dev
php artisan serve
(if you are moving out the laravel folder to another directory, do not forget to copy the asset folder same level as you laravel project directory)

Best Regards,
Sean.
Hi Sean,
my boss has bougth your theme for use it in a Laravel app. I installed Color Admin following the manual, and realized it is based on Bootstrap 3. ¿Do you have plans to release the Laravel template using Bootstrap 4? We are just starting and would be a pitty to start with an old version of Bootstrap.

KR,

Carlos
Hi sean,

We just started using your theme with angular6 and it seems like the sidebar doens't work correctly when the window is in fullscreen (not in mobile mode) and the sidebar is collapsed. I just run the demo preview from this website and it seems to behave the same, excluding some bad implementation from our side. Can you confirm this is a bug and that your team will fix it?

Thanks
Joao
Hi Joao,

Thank you for your comment and report. Yeah, you are right. We have encounter this issue before and fixed it by dropping the slimscrollbar plugin in Angular 6. You may follow the following instruction to fix it.

1. replace the following code in /src/app/sidebar/sidebar.component.html
FROM
<div slimScroll [options]="slimScrollOptions" class="height-full" *ngIf="desktopMode">
<ng-container *ngTemplateOutlet="sidebarNav"></ng-container>
</div>

TO
<div class="overflow-scroll height-full" *ngIf="desktopMode">
<ng-container *ngTemplateOutlet="sidebarNav"></ng-container>
</div>

2. Add the following css to /src/styles.css
.angular5 .overflow-scroll {
overflow: scroll;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

p.s we will also include the fixes in next version as well.

Best Regards,
Sean.
Hi sean,

Thank you very much for your quick reply.

These instructions fixed one issue, but didn't fix the issue I was actually reporting.

So if we collapse the sidebar and we mouse over any menu item that has sub menus, it wont show the sub-menu options inside. It means that the user wont be able to access these menu options if the sidebar is collapsed, having to expand it again to be able to do it.

Kind Regards
Joao
Hi Joao,

Thank you for your comment and report. Sub menu for minified sidebar is not available yet. We will add that feature in next version release.

Here is the quick fix that you may add into /src/styles.css
/* Sidebar Minified Menu */
.angular5 .page-sidebar-minified .sidebar .nav li:hover > div > .sub-menu {
display: block;
position: fixed;
margin-left: 60px;
margin-top: -40px;
width: 220px;
background: #242a31;
z-index: 1020;
padding: 9px 0 9px 39px;
}
.angular5 .page-sidebar-minified .sidebar .nav .sub-menu li {
position: relative;
}
.angular5 .page-sidebar-minified .sidebar .nav .sub-menu li:hover > div > .sub-menu {
margin: 0px;
left: 100%;
top: -9px;
position: absolute;
}
.angular5 .page-sidebar-minified .sidebar .sub-menu > li:first-child:before {
top: 11px;
height: 2px;
width: 30px;
left: -39px;
}
.angular5 .page-sidebar-minified .sidebar .sub-menu > li:first-child + li:before {
top: -10px;
}
.angular5 .page-sidebar-minified .sidebar .sub-menu > li:first-child + li:last-child:before {
height: auto;
bottom: 10px;
}
.angular5 .page-sidebar-minified .sidebar .nav .sub-menu > li > a .caret {
position: initial;
margin: 0;
}
.angular5 .page-sidebar-minified .sidebar .sub-menu > li:before,
.angular5 .page-sidebar-minified .sidebar .sub-menu > li > a:after,
.angular5 .page-sidebar-minified .sidebar .sub-menu > li.has-sub > a:before {
background: #2d353c;
}

Best Regards,
Sean.
Hi Sean,

Thank you very much for the fix.

Looking forward for the next version of this really cool theme.

Kind Regards
Joao
estimated,
some date for compatibility with vue.JS
Hi Jmieres23,

We are working on the VUE js and this is the main update for next version release.

Please stay tuned.

Best Regards,
Sean.
Hi !

this template will have VUE version ?
Hi Jmieres23,

Yeah, you are right. VUE version will be added in next version release.

Please stay tuned.

Best Regards,
Sean.
Hi !!
some tentative date, to see if I wait or use another template ??
Hi Jmieres23,

Thank you for your comment and feedback. We are planning to release the new version (v4.2) within this month.

Best Regards,
Sean.
szabobar PURCHASED
Dear Seller,

Thanks for your work, I like it.

I would like to use it in my angular 6 site (already exists), and I would like to ask the limitations in angular 6. I checked the HTML version, and the angular6 version, and there are differences in features, and I really like some from the HTML version (like coloring without reload, multiple theme, ...).

Thanks
Hi Szabobar,

Thank you for your comment and feedback. Some jQuery plugins is not available in Angular 6. This is because we are keeping the jQuery away from typescript.

p.s All the theme color can be implemented in Angular 6. You just need to Include the CSS theme file that you want will do.

Best Regards,
Sean.
Hi Sean,

Wanted to hide page loading bar in mobile view . Could you please suggest some idea.
Thanks,
Mansi
Hi Mansi,

You may use the following css to hide the loading bar in mobile view.
<style type="text/css">
@media (max-width: 768px) {
#page-loader,
.pace {
display: none !Important;
}
}
</style>

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

$34
6629Purchases

Licenses: Details »

Single application $34
Version:4.1.1
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:Yes
Category:
Topic: General
Labels: admin template, angular 6, apple design, e commerce, flat design, laravel, material design, one page parallax, transparent design
Item#:WB0N89JMK
Released:4 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap
seanngu

seanngu

Signed up 5 years ago

Need a front-end template?

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 10/11
  • Latest Opera

Features & includes

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

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation