1409 comments

speadup PURCHASED
Hi Sean.
Two weeks has gone,what about the version 3.0.
Thank you.!
Hi Speadup,

Thank you for your comment and feedback. Sorry to say that we can't promise the date of release for version 3.0 yet (probably we will try to release within this two weeks). This is because we need to test every single updated component or module hence support all our customer. Hope you understand : )

Best Regards,
Sean.
speadup PURCHASED
Hi Sean,
I know that.
I just want to know what happened.
Thank you!
Hi Sean,

I want to load different theme panel when I navigate to different pages. Currently I have created several panels and include every of the <theme-panel> inside content page itself instead of putting it inside home.html as given in the template.
When I start my application, I'm having problem in opening the theme panel. I could open the panel in the first page without problem, but when navigate to another page, it is not opened. When come to the third, it works again. But failed again in the fourth...
Could you please advise on that?

Thank you

Regards,
Hazel
Hi Hazel,

We have tested the page with different theme-panel inside the content page in AJAX version and it is working fine on our side. We suggest that:
- make sure all the theme-panel has included the expand button with data-attribute data-click="theme-panel-expand"
- using the latest version of apps.js / apps.min.js

P.S You may use the Wrapbootstrap download resender to redownload the latest version of Color Admin.

Best Regards,
Sean.
Hi Sean,

Thank you for your reply.
I'm still having issue opening theme-panel in some of the pages.

Below is part of the code of my content page, includes panel <app-user-search>:

<ol class="breadcrumb pull-right">
.....
</ol>
<h1 class="page-header">{{ 'label.user.body.title' | translate}} </h1>
<div class="row">
<div class="col-md-12">
<div class="panel panel-inverse" data-sortable-id="table-basic-7">
<div class="panel-heading">
<div class="panel-heading-btn">
....
</div>
<h4 class="panel-title">{{'label.transaction.page.result.header' | translate}}</h4>
</div>
<div class="panel-body">
......
</div>
</div>
</div>
<app-user-search></app-user-search>

And this is code of <app-user-search>:
<div id="theme-panel-custom-css">
<div class="theme-panel">
<a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn" ><i class="fa fa-cog"></i></a>
<div class="theme-panel-content">
<h5 class="m-t-0">Filter</h5>
<div class="divider"></div>
Hi Sean,

Thank you for your reply. Sorry for the previous message
I'm using angularjs2 version and had included the data-attribute in all panels.
and I bought the theme one month ago.
Currently I'm still having issue opening theme-panel in some of the pages.

Below is part of the code of my content page, includes panel <app-user-search>:

<ol class="breadcrumb pull-right">
.....
</ol>
<h1 class="page-header">{{ 'label.user.body.title' | translate}} </h1>
<div class="row">
<div class="col-md-12">
<div class="panel panel-inverse" data-sortable-id="table-basic-7">
<div class="panel-heading">
<div class="panel-heading-btn">
....
</div>
<h4 class="panel-title">{{'label.transaction.page.result.header' | translate}}</h4>
</div>
<div class="panel-body">
......
</div>
</div>
</div>
<app-user-search></app-user-search>

And this is code of <app-user-search>:
<div id="theme-panel-custom-css">
<div class="theme-panel">
<a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn" ><i class="fa fa-cog"></i></a>
<div class="theme-panel-content">
<h5 class="m-t-0">Filter</h5>
<div class="divider"></div>
<form class="margin-bottom-0" [formGroup]="searchUserForm" (ngSubmit)="submitForm(searchUserForm.value)"
....
</form>
</div>
</div>
</div>

I tried to print console.log in apps.js function - "handleThemePanelExpand"
and find out that it invoke two times when I navigate from 1st page to 2nd page and caused the panel
not open. Then when come to 3rd page, it's invoked 3 times and the panel open....
Could you please advise how could I solve this?

Thank you.

Regards,
Hazel
Hi Hazel,

You might need to double check whether apps.min.js or apps.js in your application.
If the issue still exists, you might need to send us some screenshot so that we can understand more regarding your issue.

P.S Support email can be found via documentation page.

Best Regards,
Sean.
Dear Sean,

Man your just rocking with your new v3.0... Amazing apple design and B4 Cards... Keep Rocking
Hi Reeehman,

Thank you for your kind word. We will try our best to bring more and more updates to our template in future.

Best Regards,
Sean.
is it possible to enable background save on cookies for logon screen?
Hi Rodrigotadeusp,

You may use the jQuery cookie to save the active background for login page.

E.g
<script>

$(document).ready(function() {
// save cookie
$('[data-click="change-bg"]').click(function() {
var loginBg = $(this).find('img').attr('src');
$.cookie('login-bg', loginBg);
});

// retrieve cookie
if ($.cookie && $.cookie('login-bg')) {
$('[data-id="login-cover-image"]').attr('src', $.cookie('login-bg'));
}
});
</script>

Best Regards,
Sean.
jhyland PURCHASED
Awesome template! Good job
Hi Jhyland,

Thank you for your kind word : )

Best Regards,
Sean.
Hello Sean,

I just noticed you put out a new update, the apple theme is looking good. A few months ago I made a request about a "dark" version of the Color Admin theme, and you said it could be expected in the next update. Any news on when I could expect that?

Many thanks <3
- Gannicus
Hi Gannicus,

Thank you for your comment and feedback. We have put the dark version on hold in this version as we are planning to add a new transparent & dark version in next major updates.

Best Regards,
Sean.
Thanks for the reply Sean, I just saw your new admin template and it looks incredible. Keep up the amazing work and I look forward to that new major update!
Hi Gannicus,

Thank you for your kind word : )

Best Regards,
Sean.
Hi Team,
Thanks for the beautiful template. wanted to fix the left side menu . please guide us.
Hi Massipandit,

Thank you for your comment and feedback. Can you explain more to us how you would like to fix the left side menu as our sidebar is in fixed position.

Best Regards,
Sean.
If the page content is long then when we scroll the page the whole page scrolls along with the side menu section. but we wanted to make that left side menu fix to the scree just like the top navbar.So that only the contents of the page 'll scroll like a frame.
Yeas we got it by making <div id="sidebar" class="sidebar" style="position: fixed;">
Hi Massipandit,

Glad to hear that : )

P.S You may refer to the documentation for more page options as well.

Best Regards,
Sean.
Hi Massipandit,

We have defined a css class (page-sidebar-fixed) for fixed sidebar as well.

E.g
<div id="page-container" class="page-sidebar-fixed"...

Best Regards,
Sean.
sinayes PURCHASED
Hi, i bought now your theme. But i can't find my Purchased item list? I can't find my items list for download!!!!
Hi Sinayes,

Thank you for purchasing our template. If you still can't download our template, you may try to use the download resender to resend the download link to your email.

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

If this still can't solve the issue, you might need to contact wrapbootstrap support for reporting your order to them.

https://wrapbootstrap.com/support

Best Regards,
Sean.
TerOZ PURCHASED
Please create a dist, without php files (examples), generates many problems in php frameworks (Autoloader)
Hi TerOZ,

Thank you for your comment and feedback. We will include this into our todo list in future updates.

Best Regards,
Sean.
snericv PURCHASED
How can I make the font of the letters bigger?
Hi Snericv,

You may use the following css to increase the font size.

<style type="text/css">
body {
font-size: 12px;
}
</style>

Best Regards,
Sean.
snericv PURCHASED
many thanks!!!
snericv PURCHASED
How can i put css animations?
Hi Snericv,

We have included a css animation library(daneden css3 animation), if you wish to use their css animation, you may refer to their official documentation for the css animation classes.
https://daneden.github.io/animate.css/

If you wish to create your own css animation, you may refer to the following link for how to create the css animation.
https://www.w3schools.com/css/css3_animations.asp

Best Regards,
Sean.
Hello, you can provide a personalized theme; I would gladly buy it, but I need a different theme than the livepreview, and mainly has to do with the color palette: I look for something compatible with the brand image with the Red Cross.

https://drive.google.com/open?id=0B0qbx2QzVDgFZmE5RlFUWHRhSmc
Hi Arcanisgk,

Thank you for your comment and feedback. Sorry to say that we are not available for any customisation service but We do have the color option for red color. You may edit the color code based on your company primary color.

Best Regards,
Sean.
Do you have any guide how to do the custom update of the primary colors of my company ??
Hi Arcanisgk,

We have grouped the css styling into a single file which you only need to change the color code inside will do.

E.g
/assets/css/theme/default.css
/assets/css/theme/red.css

Best Regards,
Sean.
otra consulta the side bar have any buttom to hide it???
Hi Arcanisgk,

If you wish to minify the sidebar, you may use the data attribute data-click="sidebar-minify" to minify the sidebar.

If you wish to hide the sidebar completely, you may add the css class ".page-without-sidebar" to the #page-container and ".hide" css class to the sidebar
E.g
<div id="page-container" class="page-without-sidebar">
...
</div>
<div id="sidebar" class="sidebar hide">
...
</div>

Best Regards,
Sean.
hi,

i have a question,can i use it in IE8 / IE9 / IE10?
i have test in IE8 ,that seem to be normal ,but i don't know if it will be showed normally in every page.
if i must use in IE ,which older IE version at least must be used?

Thanks!
Hi Wishflyer,

Thank you for your comment and feedback. The older version of IE that our template support is IE8.
Some plugins is not supported in older browser as well. You might need to read their official documentation before proceed to implement them in older browser.

P.S Bear in mind that some css3 (border-radius, box-shadow and etc) will not be showing in older browser.

Best Regards,
Sean.
hi seanngu,

Thank you for you reply。i have paid the money for the theme now。

by the way ,i have a problem ,how can i stop the panel to drag? i mean ,i don't want the panel that can be drag,i want to stop the action of drag. Is that any way to forbid it ?

best wishes.
du
Hi Du,

To disable the draggable function, you might need to comment out the following function
FILE: assets/js/apps.js
FUNCTION: handleDraggablePanel();
LINE: 1141

Best Regards,
Sean.
Hi Du,

To disable the draggable function, you might need to comment out the following function
FILE: assets/js/apps.js
FUNCTION: handleDraggablePanel();
LINE: 1141

Best Regards,
Sean.
Hi,
How I can use gritter (notification) in Angular 4 inside of typescript?
Thanks
Hi Chovancova,

Yeah, you are right. You may refer to our angular 4 version for how to use the jQuery plugins in Typescript.

Best Regards,
Sean.
Dear Sean,

I have purchased your theme again. Will I get Angular 4 with initial setup with the theme?
Hi Reeehman,

Yeah, you are right. You may run the npm install and npm start to start the angular 4 version in your localhost.

Best Regards,
Sean.
dnicci PURCHASED
Greetings

I love the template, just purchased it .. But ...

I see from the code you are loading bootstrap 3 and not 4.
jQuery 1.9.1 is over 4 years old !!

I looked at the angular and ajax versions as well and they are all using old libs.

So ultimately, ETA on template update to recent libs?
Hi Dnicci,

Thank you for purchasing our template. Regarding your question,
1. Our template is compatible with the Bootstrap 3 and 4, which mean you can use any version of Bootstrap without changing much on your code. (Bootstrap 4 is still in Beta version, the usage of Bootstrap 3 is still much larger than Bootstrap 4, this is one of the reason we are not changing the source code based on Bootstrap 4 - Beta version).
2. The main reason why we are using jQuery 1.9.x is because of old browser compatibility (IE8). As we know that jQuery 2.x or jQuery 3.x is drop the IE8 support. You may upgrade to any version
3. Angular & Ajax version is also using the jQuery 1.9.x because of the reason above.

You may include the latest version of jQuery as our apps.min library is support for any version of jQuery.
E.g
Replace
<script src="assets/plugins/jquery/jquery-1.9.1.min.js"></script>
to
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>

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

Best Regards,
Sean.
zerked PURCHASED
Hello Sean,

I purchased your template and I think that it is great. I am using the angular4 source code and I am wanting to use the apple design. What is the best way to go about implementing the apple theme into the angular 4 code. Also, I purchased this template's previous version and built out a lot of code and I'm wanted to know the best way to go about updating the angularjs2 version to your new angularjs4 version and also adding the apple design.
Thanks
Hi Zerked,

Thank you for your commend and feedback. To use the apple design, you just need to replace the
style.css / style.min.css with the apple design style.css / style.min.css.

To upgrade from Angular JS2 to 4, you need to move the /app and /assets folder into a /src folder. Other than that, you just need to follow the file structure in Angular JS4 version.

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

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: