1256 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.

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

$21
5509Purchases

Licenses: Details »

Single application $21
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:23 hours 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: