1171 comments

Hi Cstooch,

Thank you for your comment and report. We will update the fixes in next version release. Here is the fixes for the e-commerce black menu.

<style type="text/css">
@media (max-width: 767px) {
.header.header-inverse .navbar-collapse {
background: #363D44;
}
.header.header-inverse .navbar-collapse,
.header.header-inverse .navbar-collapse .nav > li + li {
border-top: 1px solid rgba(0,0,0,0.25);
}
.header.header-inverse .navbar-toggle {
border-right-color: rgba(0,0,0,0.25);
}
.header.header-inverse .navbar-toggle .icon-bar {
background: rgba(255,255,255,0.25);
}
}
</style>

Best Regards,
Sean.
cstooch PURCHASED
Hi Sean,

Thanks for your response above.. that worked perfectly. Another question for you.

I'm using the eCommerce front-end example. Is there a way in the current version of this template to have multiple levels in the menu? For example (with the eCommerce sample site in mind), if you hover on Accessories in the Nav menu, then hover on Mobile Phone, a list drops below that or to the side of various mobile phones you can click on.

Thanks
Chris
Hi Chris,

Recently the multiple levels menu for e-commerce version in header dropdown is not available yet. You may use the jQuery accordion to achieve the multiple menu / dropdown menu.

Best Regards,
Sean.
cstooch PURCHASED
OK, I'll take a look at that, thanks again!
cstooch PURCHASED
Hey Sean, I've been experimenting with layouts still trying to find the one I like most. I think I'm almost settled. I would really like to use the one in: admin/html/page_with_top_menu.html . The only thing I wanted to change was to add boxed layout with class="boxed-layout" in the body. That almost works perfectly, but when you view in mobile, the menu is covered by the header area, so you don't see the first couple of menu items.

What styling can I add to lower the menu to right after the header?
Hi Cstooch,

Thank you for your comment and report. Here is the quick fix for the top menu with boxed layout in mobile view.
<style type="text/css">
@media (max-width: 767px) {
.boxed-layout .top-menu {
top: 109px;
}
}
</style>

Best Regards,
Sean.
cstooch PURCHASED
That's fantastic. I appreciate your quick reply. That of course did it for me. Thank you very much.
myoneasy PURCHASED
Please, add a folder named "blank folder", with all the static files and a blank page to start coding the template.

I had to do much cleaning to get a basic view of the app safe and sound for my development.
Hi Myoneasy,

Thank you for your comment and feedback. We do have a page_blank.html for you to start with your blank page.

Best Regards,
Sean.
myoneasy PURCHASED
Thanks for your anwser.

What I meant is that even the page_blank.html is carried with too much info to clean. I tried to start a new project following the documentation to have a garantee that i wasn't loading more then necessary, but turns out some infos were outdated, like the name of some plugin files that are being loaded like "jvector map" that don't match the directory path of the docs.

This is not a huge problem tho, but sometimes one person or another are gonna waste 1 or 2 hours trying to figure out what's the correct name, cleaning some stuffs here and there, instead of starting fresh. That's why we love bootstrap, right? x)
Hi Myoneasy,

Thank you for your comment and feedback : )

Best Regards,
Sean.
dorset PURCHASED
Hi May I know if you have any version which already integrated with php Laravel framework?
And does the jquery used support auto complete?
Hi Dorset,

As long as you include the required css/js file, there should be no problem to integrate with any framework. You may refer to our form plugins page for jquery autocomplete.

Best Regards,
Sean.
dorset PURCHASED
Wow... Appreciate for the fast response.
yeah, found it in form plugins. Nice work, thank you very much!
Trying to buy it, but it says to try again later. Is there something wrong with the payment procedure?
Hi Prowork,

You may contact wrapboostrap support for more information regarding the payment issue.

Besr Regards,
Sean.
Hi,
I just bought this theme but I wasn't able to let it work with angular or anguar2, Can you please guide me ?
Hi NoorToTah,

First of all, you need to run angular v1.x version in localhost. Secondly, you need to install node js and run the required command for angular js 2. You may refer to the documentation file inside your downloaded folder.

Best Regards,
Sean.
zbiskup PURCHASED
Hello Sean,

awesome template.

I have one small issue, login V2 is not mobile responsive.

Can you help.

Thanks, Zvonko
zbiskup PURCHASED
Oh and one more question, how can I trigger modal notification without click?
Hi Zvonko,

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

1. To have a quick fix for Login V2, you may apply the following css
<style type="text/css">
@media (max-width: 767px) {
.login.login-v2 {
position: relative;
left: 0;
}
}
</style>

2. You may add the gritter notification by using the javascript. The following example is show the notification when page load.
<script>
$(document).ready(function() {
$.gritter.add({
title: 'This is a regular notice!',
text: 'This will fade out after a certain amount of time. Sed tempus lacus ut lectus rutrum placerat. ',
image: 'assets/img/user-3.jpg',
sticky: false,
time: ''
});
});
</script>

P.S Do not forget to include the required js / css for gritter notification

Best Regards,
Sean.
lommez PURCHASED
Hi,
I'm trying to build the application using webpack but without success.
In my machine i´ve webpack version 2.2.1

Here is the log generated with the error:

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Users\\winuser\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'build' ]
2 info using npm@4.2.0
3 info using node@v7.7.2
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle color-admin@1.0.0~prebuild: color-admin@1.0.0
6 silly lifecycle color-admin@1.0.0~prebuild: no script for prebuild, continuing
7 info lifecycle color-admin@1.0.0~build: color-admin@1.0.0
8 verbose lifecycle color-admin@1.0.0~build: unsafe-perm in lifecycle true
9 verbose lifecycle color-admin@1.0.0~build: PATH: C:\Users\winuser\AppData\Roaming\npm\node_modules\npm\bin\node-gyp-bin;C:\Projetos\DiagnosticPortalLayer\node_modules\.bin;C:\Program Files\Docker\Docker\Resources\bin;C:\Program Files (x86)\Intel\iCLS Client\;C:\Program Files\Intel\iCLS Client\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Git\cmd;C:\Program Files\TortoiseGit\bin;C:\Program Files\nodejs\;C:\Program Files\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\nuget;C:\Program Files\dotnet;C:\Program Files (x86)\Skype\Phone\;C:\Users\winuser\AppData\Roaming\npm;C:\Program Files (x86)\Microsoft VS Code\bin
10 verbose lifecycle color-admin@1.0.0~build: CWD: C:\Projetos\DiagnosticPortalLayer
11 silly lifecycle color-admin@1.0.0~build: Args: [ '/d /s /c', 'webpack' ]
12 silly lifecycle color-admin@1.0.0~build: Returned: code: 1 signal: null
13 info lifecycle color-admin@1.0.0~build: Failed to exec build script
14 verbose stack Error: color-admin@1.0.0 build: `webpack`
14 verbose stack Exit status 1
14 verbose stack at EventEmitter.<anonymous> (C:\Users\winuser\AppData\Roaming\npm\node_modules\npm\lib\utils\lifecycle.js:279:16)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at EventEmitter.emit (events.js:194:7)
14 verbose stack at ChildProcess.<anonymous> (C:\Users\winuser\AppData\Roaming\npm\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at ChildProcess.emit (events.js:194:7)
14 verbose stack at maybeClose (internal/child_process.js:899:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid color-admin@1.0.0
16 verbose cwd C:\Projetos\DiagnosticPortalLayer
17 error Windows_NT 10.0.10586
18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\winuser\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
19 error node v7.7.2
20 error npm v4.2.0
21 error code ELIFECYCLE
22 error errno 1
23 error color-admin@1.0.0 build: `webpack`
23 error Exit status 1
24 error Failed at the color-admin@1.0.0 build script 'webpack'.
24 error Make sure you have the latest version of node.js and npm installed.
24 error If you do, this is most likely a problem with the color-admin package,
24 error not with npm itself.
24 error Tell the author that this fails on your system:
24 error webpack
24 error You can get information on how to open an issue for this project with:
24 error npm bugs color-admin
24 error Or if that isn't available, you can get their info via:
24 error npm owner ls color-admin
24 error There is likely additional logging output above.
25 verbose exit [ 1, true ]
Hi Lommez,

Thank you for your comment and feedback. You may try to delete the node_modules folder and run the npm install command.

Best Regards,
Sean.
lommez PURCHASED
Hi Sean,
You mean the C:\Users\winuser\AppData\Roaming\npm\node_modules\ folder?
Because in the project root folder doesn´t have the "node_modules" until the command "npm install" is executed
Hi Lommez,

If you are using version 2.1, you might be able to see the node_modules inside the template_content_angularjs2. But for version 2.2, we have removed the folder due to some user is not able to extract the file because of the file path for node_module is too long for extractor.

For the npm error, you may try to refer to the following link
https://github.com/npm/npm/issues/12931

Best Regards,
Sean.
I am using the angular2 template, How can I use data-table to load after calling the API via services?
Hi Tyehia7,

You may pass the value to your view file and rerender the dataTables again. BUT of course, this is the jQuery way to do the simple dataTables. If you wish to fully use the dataTables in angular 2, you may refer to the following link:
https://www.npmjs.com/package/angular2-datatable

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 to add this purchase to your account

$21
5198Purchases

Licenses: Details »

Single application $21
Version:2.2
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 8, 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Opera
  • 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:2 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap
seanngu

seanngu

Signed up 3 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 Safari
  • Latest Firefox
  • Internet Explorer 8/9/10/11
  • Latest Opera

Features & includes

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