I noticed in the demo a pretty cool animation when switching pages. I don't have it (neither in seed nor full version).
I have the classes .view-animate et .fade-up on the content but it does nothing.
What should I do to make in works ?
Is this theme compatible with Angular2-seed template at https://github.com/mgechev/angular-seed?
We don't think you need to use angular-seed with our template, our template provides it's own seed version.
If you are looking for some screenshots, please share your email with us first.
Good day to you :)
More than one component: ChartComponent, ChartComponent"
[ERROR ->]<chart [options]="options" id="chart"></chart>
It seems that you have two root components (ChartComponent) on the same page.
in the angular2 version you're using this hack:
// This is a hack on angular style loader to prevent ng2-select2 from adding its styles.
// They are hard-coded into the component, so there are no other way to get rid of them
ng2-select2 1.0.0-beta.6 has a new option to disable css import, you may update the lib, add the option cssImport="false" to the <select2 ....> tag and remove the hack leftovers.
Thank you for your feedback, that really helps!
Have a good day!
Also, I would recommend cleaning up the code to specific component. For example, some sidebar logic codes seem to scatter out like layout.component where that logic really should be in sidebar component file
Also, I would recommend putting comments on package.json to show which libraries are used for which feature. I did have to lookup each one but would be nice to know where it's being used.
Besides that, you guys are pretty damn good ng2 developers. I mainly bought it to reverse engineer and learn more about ng2. Pretty damn good stuff for $20.
Thank you for you kind words!
Initially, we haven't planned to use angular-cli, but now we see that the users really want and request it, so we take it really seriously now.
Some of the components need to be refactored, but we will do our best to make sure each release will be better than the previous.
So, really thank you for your feedback and have a good day!
I would like to know in Angular2 final, when will the dropdown with mulitple select available? Please let us know.
It depends on the lib version we use for it, we'll check if it has such a possibility while preparing the next release.
We hope that the lib's creator will look into your changes as it would be really nice to have this fix.
Thank you for your support, cheers!
I found bug on mobile, on popup notification, can't scroll at touchscreen in 'Notification', 'Message', 'Progress'
When scroll notification popup on mobile browser, its move/scroll Menu sidebar, not the notification popup
Thanks for your feedback, we'll look into the issue.
Have a good day!
the current Bootstrap 4 Alpha 6 is a bigger update than Alpha 5 was.
When you're going to release it, can you please write a migration guide similar to this https://genesisui.com/migration-to-160.html
As you can understand it would be of great help to keep our customized apps up to date.
Thank for your feedback! We know that migration to alpha 6 is painful, so we'll do our best to make it less painful for you :)
"export class Dashboard implements OnInit, OnDestroy"
But ngOnInit() nor constructor aren't being firing out.
Need to execute a service call when Dashboard loads up.
It is quite strange as we have ngOnInit method in dashboard.component.ts and it works perfectly. The problem must be with your implementation.
Have a good day!
I see that you have mongoose already setup for us in static.js but I wanted to change the port from what you have "8088" to something else. How can I do that without modifying your files in node_modules?
That also brings me to another problem, for general setup items you have server.js in node_modules... I'm having trouble figuring out the best approach for setting up things like routes and other libraries... where would you suggest to do this since I feel I shouldn't be modifying server.js.
Could you, please, tell us the version of the template (ajax, angular, angular 2) you're referring to? Thank you!
I have a lot of this error on start:
ERROR in ./src/app/dashboard/dashboard.module.ts
Module not found: Error: Can't resolve 'jQuery-Mapael/js/jquery.mapael.js' in '/Users/max/Documents/templates/sing-wrapbootstrap-3.4.0/angular2/src/app/dashboard'
@ ./src/app/dashboard/dashboard.module.ts 5:0-43
@ multi main
apparently are all napa modules.
thanks in advance
Quite strange that they're not getting installed. Please, make sure you have latest node and npm, also try updating git.
Tell us, please, if it helps.
I recently upgraded to the latest version from old angular RC version. I started getting this "Stack Level too deep " error when building the code. It is too annoying, whenever i change the code, it auto builds and fails with this error at random. Then i have to kill the server and restart it.
Each time its failing at different point ( mainly with the bootstrap css package).
Could you please help?
ERROR in ./src/app/scss/application.scss
Module build failed:
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
Stack level too deep
in /Users/Sathish/kloudio/angular2-seed/node_modules/bootstrap/scss/_variables.scss (line 133, column 10)
@ ./src/app/app.component.ts 19:16-50
@ multi main
Upgrading from angular 2 RC to release version is tough, please, check the versions of other libs comparing to our latest version and especially check bootstrap 4 alpha version.
Good luck and have a good day!
Thanks for your effort, the theme is awesome. We have a problem with angular2-datatable. Search box only filters elements in the current page, while official demo http://plnkr.co/edit/PxBaZs?p=preview filters among all elements in the array. What is the problem?
Thank you for your feedback! We will pass it to out development team for further investigation and if it is a bug, we will do our best to fix it asap.
Thank you for the patience!
I am using sing-3.3.0 and have used Tab panel in my web page as given in sing app.
when i try to set active tab , i am getting error
> Uncaught TypeError: $(...).tab is not a function
<ul class="nav nav-tabs pull-xs-left" id="myTab" role="tablist">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#basic" role="tab" aria-controls="basic" aria-expanded="true">Basic</a>
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#assumtion" role="tab" aria-controls="assumtion" aria-expanded="false">Assumtion</a>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
Dropdown <b class="caret"></b>
<a class="dropdown-item" id="dropdown1-tab" href="#dropdown1" role="tab" data-toggle="tab" aria-controls="dropdown1" aria-expanded="false">@fat</a>
<a class="dropdown-item" id="dropdown2-tab" href="#dropdown2" role="tab" data-toggle="tab" aria-controls="dropdown2" aria-expanded="false">@mdo</a>
<div class="tab-content mb-lg" id="myTabContent">
<div role="tabpanel" class="tab-pane active in clearfix" id="basic" aria-labelledby="basic-tab" aria-expanded="true">
<div class="tab-pane" id="assumtion" role="tabpanel" aria-labelledby="assumtion-tab" aria-expanded="false">
<div class="tab-pane" id="dropdown1" role="tabpanel" aria-labelledby="dropdown1-tab" aria-expanded="false">
<div class="tab-pane" id="dropdown2" role="tabpanel" aria-labelledby="dropdown2-tab" aria-expanded="false">
Please help me out with this issue.
Could you, please, tell us if you are referring to the angular 2 version or ajax version?
For tabs we're using https://github.com/valor-software/ng2-bootstrap (not the bootstrap jquery accordion).
Please, check out the accordion component in their documentation.
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
|Bootstrap:||Compatible with 4.x|
|Tags:||angular, angular4, bootstrap4, bower, html5, react, retina, sass, seed, web app|
|Released:||2 years ago|
|Updated:||1 month ago|
Need a front-end theme?
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.
Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.
- 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: