1772 comments

I'm thinking buy this template, but It's outdated, do you have plans for a new release, with Angular 5?
Hi ThonyFD,

Yeah you are right. We have a brand new version for Angular 5 in our v4.0. Preview for Color Admin 4.0 is now available on our demo site:
https://seantheme.com/color-admin-v4.0/admin/html/index_v2.html

p.s We have pushed the new updates yesterday and now it is waiting for wrapbootstrap system to finish processing. We do believe the system might take some days to finish processing and you will receive a new email notification while it is lived.

Best Regards,
Sean.
Will the new Laravel version be in the initial release of 4.0 or come later? I see the link for it on the demo site but it says it is not available.
Hi Archanix,

Yeah, laravel version will be available in downloaded version of v4.0.
Preview for laravel version is not available is because of we didn't setup the nginx into our server.

After the new version has been released, you should be able to run the laravel version in your localhost / server by running the command php artisan serve.

Best Regards,
Sean.
walls PURCHASED
Hi,

How far with V4 approval? Anxiously waiting for the download link. Maybe you can send previous buyers 'beta version' link before Bootstrapwrap approves V4 release?
Hi Walls,

Thank you for your comment and feedback. We are contacting the Wrapbootstrap support for how it is going. Unfortunately we are still waiting for the response from Wrapbootstrap support. We do believe you will be able to receive a new download link within this few days.

In the meanwhile, here it the preview link for V4 in our demo site.
https://seantheme.com/color-admin-v4.0/admin/html/index_v2.html

Best Regards,
Sean.
Hi Sean,
I saw the v4 preview, and i have some questions.
where is the rest of the form stuff elements in angular 5 version? and the dashboard v3 too.

thanks!
Hi Eliascolares,

Thank you for your comment and feedback. Some elements like form wizard / jQuery plugins is not supported in Angular 5. We do not want to wrap it with jQuery and keep all the plugins controlled by npm package.

P.S Dashboard v3 is not available yet. We will add it in next updates.

Best Regards,
Sean.
Ok!
Thanks
Dear Sean,

Currently I'm using V3.0. in my project. if I need to update to V4.0, then only the assets, css, js, plugins needs to be replaced or html as well?
Hi Reeehman,

If you are using Bootstrap 3 in V4.0, you may replace the assets/css/js will do. But if you wish to use Bootstrap 4, you might need to change some minor html structure to Bootstrap 4 syntax.
E.g "fade in"css class is changed in Bootstrap 4 and become "fade show"

You may refer to page_blank.html for the html changes.

Best Regards,
Sean.
Hi Sean,

currently I am using v4.0.1 for Laravel, but when executing "npm run dev" I get the following error: https://pastebin.com/4QKKMHCf
How can I fix that?
Nevermind, I forgot the assets folder ^^
Hi MartinF,

Glad to hear that : )

Best Regards,
Sean.
Hi,
Wanted to change the color of datatable <th> tag . Please let us know where to change.
Hi Mansipandit,

DataTables table styling is inherit from bootstrap styling, you may refer to the following css and change it based on your needs.

<style type="text/css">
.table thead th,
.table>thead>tr>th {
color: #242a30;
font-weight: 600;
border-bottom: 1px solid #b6c2c9!important;
}
</style>

Best Regards,
Sean.
Thank you Sean.
Hi guys your last release had an issue in the Angular 5 folder.

- login-v2.ts have incomplete "implemets" in class definition
Hi ThonyFD,

We have double check our Angular 5 version and it is working fine on our side. Can you send us an email with some screenshot / error that occur on your side? So that we can help you to debug on our side.

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

Best Regards,
Sean.
ok, email sent
The Angular 5 version haven't the manage table feature, why?

I think you have to create a feature list by tecnology, I bought this template, because I need that feature and now I see that it's not avalaible for Angular 5

it's disappointing...
Hi ThonyFD,

Datatables can be installed in angular 5 version. All the layout and styling is available same like the html version. The reason why we are not listed in package.json is because the plugins is jQuery dependencies.

Best Regards,
Sean.
Hey Sean, great theme.

I'm new in angular 5 but I will try to implement my project with your updated theme.
I think that I found an error, when I tried to compile with angular-cli, after de npm install the ng serve command produces and error like:
ERROR in src/app/pages/login/login-v2/login-v2.ts(18,3): error TS1005: ',' expected.

I think that is because the login-v2.ts file has an error, the word "implements". I only changed
this line in the login-v2.ts file :
export class LoginV2Page implements {
To:
export class LoginV2Page {

Now it works good, hope It helps someone else or you can changue it in your source files.

And for people newbies dummies like me, please dont forget copy too the "assets" folder, it's out of the "template_angularjs5" folder.

In other subjects, Sean, it will be great to add the datatables for angular 5 as part of the initial setup, I will try now to add it in a manual way. :-S
Thank you!
Hi Axelosorio,

Thank you for your comment and feedback. Yeah, you are right. We have missed the implements part on login-v2 page.
Which is
export class LoginV2Page implements OnInit {

Best Regards,
Sean.
chmatos PURCHASED
I asked you about a version for Rails few weeks ago. As I need, I am preparing a seed version for Rails. May you wanna receive and if it is good, add in your pack? if yes, send me an email to [email protected] and I will be proud to send you.

Regards,
Christiano
Hi Christiano,

Thank you for your comment and offer. Yeah, we can use it as reference when we develop the Rails version.

Best Regards,
Sean.
Thank you for the Laravel Version. I'd love it, if you include the sources to build the JS and CSS (LESS/SCSS) from the resources directory wit Laravel Mix to public.
Hi SchwarzerIT,

Thank you for your comment and feedback. For JS / CSS build configuration, you may refer to the webpack.mix.js in laravel version. We will add the SCSS for Bootstrap 4 in next version release.

Please stay tuned.

Best Regards,
Sean.
sql0 PURCHASED
Hi.
Sorry for my bad english.
I think the v4.0.2 Ajax version has a bag.
Whenever i click nav-profile , nav-profile expands twice or 3times.
How can i fix this?
Hi Sql0,

Thank you for your comment and feedback. We have fixed the issue on our demo site. For the quick fix, you may replace the following code in apps.js and minify it in your localhost.
FILE: /admin/assets/js/apps.js
LINE: 1517
FROM:
initSidebar: function() {
handleSidebarMenu();
handleMobileSidebarToggle();
handleSidebarMinify();
handleSidebarMinifyFloatMenu();
if (!setting || (setting && !setting.disableSidebarScrollMemory)) {
handleSidebarScrollMemory();
}
},
TO
initSidebar: function() {
handleSidebarMenu();
handleMobileSidebarToggle();
handleSidebarMinify();
handleSidebarMinifyFloatMenu();
handleToggleNavProfile();
handleToggleNavbarSearch();

if (!setting || (setting && !setting.disableSidebarScrollMemory)) {
handleSidebarScrollMemory();
}
},

LINE: 1541
FROM:
initComponent: function() {
handleDraggablePanel();
handleIEFullHeightContent();
handleSlimScroll();
handleUnlimitedTabsRender();
handlePanelAction();
handelTooltipPopoverActivation();
handleScrollToTopButton();
handleAfterPageLoadAddClass();
handlePageScrollClass();
handleToggleNavProfile();
handleToggleNavbarSearch();
},
TO:
initComponent: function() {
handleDraggablePanel();
handleIEFullHeightContent();
handleSlimScroll();
handleUnlimitedTabsRender();
handlePanelAction();
handelTooltipPopoverActivation();
handleScrollToTopButton();
handleAfterPageLoadAddClass();
handlePageScrollClass();
},

Best Regards,
Sean.
sql0 PURCHASED
It worked!
Thank you so much :D
I think there is a small bug in apps.js of the one-page-parallax template:

line 63 to 76:

/* 04. Handle Page Container Show
------------------------------------------------ */
var handlePageContainerShow = function() {
$('#page-container').addClass('in');
};

/* 05. Handle Pace Page Loading Plugins
------------------------------------------------ */
var handlePaceLoadingPlugins = function() {
Pace.on('hide', function(){
$('.pace').addClass('hide');
});
};

is not bootstrap 4 compatible. just fyi
Hi Aisha_15,

Thank you for your comment and feedback. Yeah, for frontend theme, we are still converting it to Bootstrap 4 syntax. We will release the Bootstrap 4 version for frontend theme in next version release.

Best Regards,
Sean.
ajachu PURCHASED
Hi Sean,
The background images on Login Page - E.G: /assets/img/login-bg/bg-3.jpg are these royalty free and free to use on my website ?

-Ajay
Hi Ajay,

Yeah, you are right. All the images that we are using is from unsplash, which is free to use on any website.
https://unsplash.com/photos/Vti8XHv2XjU

Best Regards,
Sean.
sql0 PURCHASED
Hi.
I dont know how to link a other directory hierarchy file formally in v4 ajax mode.
**********************************
/
/pages/

/second/
/second/pages/

/third/
/third/pages/
**********************************

*same directory
(FROM / TO /)
<a href="#pages/index.html" data-toggle="ajax">Dashboard v1</a>
This works.
<a href="./#pages/index.html" data-toggle="ajax">Dashboard v1</a>
/#./pages/index.html
This doesnt work but in v3 ajax mode this works...
I basically linked in this way in v3 ajax mode.

*child directory
(FROM / TO /second/)
<a href="#second/pages/index.html" data-toggle="ajax">Dashboard v1</a>
This works.
<a href="./#second/pages/index.html" data-toggle="ajax">Dashboard v1</a>
/#./second/pages/index.html
This doesnt work but in v3 ajax mode this works...

*parent directory and brothers directory
(FROM /second/ TO /)
<a href="../#pages/">Dashboard v1</a>
/second/#../pages/
This doesnt work but in v3 ajax mode this works...
(FROM /second/ TO /third/)
<a href="../#third/pages/">Dashboard v1</a>
/second/#../third/pages/
This doesnt work but in v3 ajax mode this works...

Do you have any solutions?
Hi Sql0,

Our core function in apps.js is calling the URL after the "#". If you wish to call your own url, the correct url should be

#../second/third/pages/
which is not
/second/#../third/pages/

p.s because we do not change the behavior of retrieving the ajax url from v3 to v4, you may send us an email with some screenshot / html code. So that we can help you to debug on our side.

Best Regards,
Sean.
Hi Sql0,

Our core function in apps.js is calling the URL after the "#". If you wish to call your own url, the correct url should be

#../second/third/pages/
which is not
/second/#../third/pages/

p.s because we do not change the behavior of retrieving the ajax url from v3 to v4, you may send us an email with some screenshot / html code. So that we can help you to debug on our side.

Best Regards,
Sean.
sql0 PURCHASED
OMG
Okay i got it and it worked.
Thank you so much :D
I would like to buy your template. how long does it take as you mentioned?

<<
Due to the official release of Bootstrap 4.0, we decide to migrate all the code from 3.0 to 4.0, this might take 2-3 weeks from initial planing of releasing the Color Admin 4.0

FRONT END - corporate
UI: Sidebar Widget
UI: Code Generator
UI: Chatting bar
UI: Extra UI Component
Widget Page
Dashboard v3
Page Builder
More Plugins...
>>

are you going to include these things in angular 5 version or is it possible to include angular version easily?
Hi Wasim221,

We are just finish upgrading from v3.0 to v4.0. We are still under the preparation for next version release. This is why we can’t promise you any dateline for releasing the new version.

Best Regards,
Sean.
is it not going to finish as you mentioned

<<
this might take 2-3 weeks from initial planing of releasing the Color Admin 4.0
>>

Actually I need only one thing from your mentioned list

UI: Chatting bar

is there anyway I can add this to this template? By the way, I like your template very much, that's why I am eagerly waiting to buy this one.
Hi Wasium221,

Thank you for your comment and feedback. Yeah, you may use the combination of page with two sidebar and chat widget to add the chatting bar to our template. For next version release, we will try to release it within this months.

Best Regards,
Sean.
Last question, I tried to find "chat widget" from your template preview, but couldn't. is it included in your template?
Hi Wasim221,

We do not have a widget page right now which gather all the widget that we have. We will add a widget page in next version release. The chat widget that we have mention is in the dashboard v2, you may reuse the code and put it into your right sidebar content.

Best Regards,
Sean.
HI Sean,

Now I brought your template and tried to change theme of angular 5 version to transparent theme. I used .angular-cli.json and added all scripts and styles what I found in transparent template under apps.Now I can see my pages but left menu is not working, $(jquery) is not found, and transparent image in background is showing under top left position only under Sean Ngu position.Also some templates are showing white background instead of transparent layout. could you show me how to do this properly?

Best Regards,

Wasim
Hi Wasim,

Thank you for purchasing our template. Regarding your issue, you need to change the following code in
FILE: template_angularjs5/src/styles.css
LINE: 5
CODE:
from
@import '../../assets/css/default/style.min.css';
@import '../../assets/css/default/style-responsive.min.css';
@import '../../assets/css/default/theme/default.css';
to
@import '../../assets/css/transparent/style.min.css';
@import '../../assets/css/transparent/style-responsive.min.css';
@import '../../assets/css/transparent/theme/default.css';

Besides that, you might need to add the page cover elements in your page.
<body>
...
<div class="page-cover"></div>

Best Regards,
Sean.
Hi sean,

Thank you for your help. According to your instruction I can now change to transparent template without problem except one problem. In your extra-profile page, friend list background is showing white color instead of transparent background, so button and text are not visible although it is clickable. here I have attached screenshot.
https://ibb.co/gGShkH

Best Regards,

wasim
Hi Wasim,

For transparent background, you might apply bg-white-transparent-2 css class into your element.
e.g
<div class="p-10 bg-white-transparent-2">
<div class="media media-xs overflow-visible">
</div>
</div>

This example can be found via the transparent version as well.

Best Regards,
Sean.
Hi sean,

Yes, I already solved that after comparing current template with transparent one. Also changes here

<div class="media-body valign-middle">
<b class="text-inverse">Gabrielle Bunton</b>
</div>

to

<div class="media-body valign-middle">
<b>Gabrielle Bunton</b>
</div>

To get similar outlook.

OK, from now I will compare with transparent template before asking you. Really happy to get instant reply.

Best Regards,

wasim
Hi Wasim,

Glad to hear that : )

Best Regards,
Sean.
Hi Sean,

Today I have faced this problem. When I loop through timeline li content, it becomes messy like this.
https://ibb.co/gvNUPn.

Only one time and date is now showing or I can say all times and dates are showing altogether, and space between each content vanished from timeline.

Please let me know what can I do?

Best Regards,

Wasim
Hi Wasim,

Can you send us the html code that you use to put into the loop. You might need to double check whether there have any missing code between the <li></li> element or not.

P.S Support email can be found via documentation.

Best Regards,
Sean.
Hi Sean, I sent you en email with subject Problem in loop - wasim from [email protected]

Best Regards,

Wasim
Hi Wasim,

We have replied your email with solution. Do check it out ya.

Best Regards,
Sean.
simivar PURCHASED
Hello,

I've found two bugs with current state of Color Admin:
1. In material (I don't know if in others too) /_pages_list.less you have @import 'pages/_login_V3'; and it should be @import 'pages/_login_v3';
2. In /styles.less you use font-family: Font Awesome 5 Free which causes errors for users with Pro version (like me). Please change that in new version to font-family: Font Awesome 5 Free, Font Awesome 5 Pro;
Hi Simivar,

Thank you for your comment and report. We will implement and release it in next version release.

Best Regards,
Sean.
Hi
Is there a RTL- version?
Hi Ausamaxp,

Sorry to say that RTL version is not available yet in our template. We will add the RTL version in next version release.

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

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