50 comments found.
Hi,
We have a theme that we purchased from you, that we are having trouble with, can i be really honest and say from what ive read you just cont be bothered in answering any questions and i think this just isnt right, if you dont answer within a decent time scale i will be leaving you the worst possible review ! So i guess its up to you.
Cheers
cant get the small layout navbar button to work clicking it does nothing. it also does this on your demo site
Hi, This error appeared when using ng serve:
Error: ./src/styles.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): TypeError: Cannot read property ‘tapAsync’ of undefined at ExternalModuleFactoryPlugin.apply (C:\Desenvolvimento\angular\SitePago-Anly\angly3\angly-main\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:59:39)
Hi,
Thanks for reaching out again!
It seems that you have upgraded the webpack package. Please try with web-pack 4.
Let us know if it works or if you having still issues then send us the node, npm, and angular CLI version. It is an issue related to your system environment. Please send us your package.json file also.
Thanks and have a nice day!
Thank you for the skeleton project, working with it has been good so far.
Just in the interest of saving me some time can you help me understand why when I try to change the hover state over a navbar link to allow for the same color but with an underline under the text does not work.
I tired applying the style ilke so to the _navbar.scss
.navbar-nav { .nav-link { color: $navbar-light-color;
@include hover-focus {
color: $green;
text-decoration: underline;
}
}
&.disabled {
color: $navbar-light-disabled-color;
}
Hi,
Thanks for reaching out!
Could you please send us a screenshot or recorded video so that we can understand the situation. As per your given code, these selectors are from the bootstrap scss files. We never did changes in these files. So if you can explain more in detail like what you want to achieve then we will help you.
Let us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day!
Trying to apply a change in color to the nav-link scsss but it does not seem to pick it up.
Hi,
Thanks for reaching out again!
Glad to know you have solved the problem. Let us know if you need anything else.
Thanks and have a nice day!
If you are interested in a back-end implementation, see eshop-api, here there is a demo of how to call the api in Angular 11: https://github.com/woodsy-forest/eshop-api-angular
Hi, I want to buy this. Do you provide any documentation as we need to create some new pages.
Hi,
Thanks for reaching out!
Yes we do have a documentation link for angly: https://docs.theironnetwork.org/angly/
Let us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day!
I have installed this item (Angly) in the site robertobruzzese.lazio.it but, as you can see, the result is not as the demo of you Angly template . Please tell us what is wrong and why this does not work ! I followed the instructions in the documentation but They are not accurate. Please provide more detailed info and instructions.
Hello,
I have just purchased Angly7 template from your themeforest portal.
Upon downloading I don’t see the package folder as mentioned in your documentation.
I have written to support@theironnetwork.org and attached a file showing list of all the files received ( tree command) inside the main container zip file. There is no package folder or a e2e folder due to which ng serve and build are failing.
Kindly do the needful. Waiting for prompt revert.
Best Regards,
Replied to your email. Thanks!
In my hosting I can’t install node.js . I have not command line in my hosting . How to solve this? How to install this template ?
Hi,
Thanks for reaching out
We have two solution for you issue:
1. You can install node in your local system and develop the app and make a build. Now you can deploy this build files on the server.
2. To setup your command line node on your hosting, you have to connect to your hosting provider company. They will assist you regarding this.
Let us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day
Does it contain firebase integration? Is it multiple pages or just parallax navigation?
Hi,
Thanks for reaching out!
First of all, angly does not have firebase integration but you can use firebase yourself. Regarding multiple pages, angly main demo has multiples pages as you can see in the following demo:
https://angular.theironnetwork.org/homeAngly also has 3 one page template in separate file folder and these are event, music, and travel. For more info please check our doc link and file folder information: https://docs.theironnetwork.org/angly/getting-started/
One page template demos links:
https://angular.theironnetwork.org/music/home https://angular.theironnetwork.org/travel/home https://angular.theironnetwork.org/event/homeLet us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day!
When I try to add more items to the words under the “d-title” class in the site banner, they start overlapping after the second item. How do I add more items to this rotating effect on the home page site banner?
Hi,
Thanks for reaching out
We made this section for 2 items. As you want to add more item then you have to do some changes in the scss file. Please follow the steps below:
1. Go to src/app/main/main.component.html and find the d-title class and update below code snippet:-
We are taking the example of 6 items.
Creative Designs Business Marketing Crypto Analytics CRM2. For css changes go to src/assets/scss/elements/_effect.scss and open file and find d-title class and update the code which is mention below: /======= Home Dynamic heading ===========/ .d-title { display: inline; text-indent: 10px; span { position: absolute; opacity: 0; overflow: hidden; color: $white; -webkit-animation: rotateWord 12s linear infinite 0s; -ms-animation: rotateWord 12s linear infinite 0s; animation: rotateWord 12s linear infinite 0s; &:nth-child(2) { -webkit-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; color: $white; } &:nth-child(3) { -webkit-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; color: $white; } &:nth-child(4) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: $white; } &:nth-child(5) { -webkit-animation-delay: 8s; -ms-animation-delay: 8s; animation-delay: 8s; color: $white; } &:nth-child(6) { -webkit-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s; color: $white; } } } After that run your template and see the changes.
Note:- If you want to decrease the no. of text items, then you have to do changes in above mention scss file. eg:- If you like to add 5 items only, then remove 6th child CSS code and decrease animation time-interval by 2(“animation: rotateWord 10s linear infinite 0s;”) and same concept use for 3, 4 items.
Let us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day!
So I would just like to point out that after hours debugging this code, this isn’t the complete answer. For those looking for a complete answer, you also have to adjust the animation @keyframes as well. Apparently the @keyframes transition percentage takes into account the full animation time declared in the animation property. If you have 6 items, that means each item has a lifetime of 2 seconds. 2/12 = 0.1666… Therefore you have 16% of the keyframe step to do the animation. Modifying the keyframes to the following prevented the words from stacking:
@-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 13% { opacity: 1; -webkit-transform: translateY(0px); } 16% { opacity: 0; -webkit-transform: translateY(30px); } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 13% { opacity: 1; -ms-transform: translateY(0px); } 16% { opacity: 0; -ms-transform: translateY(30px); } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);} 13% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 16% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { opacity: 0; } }
Purchase code is as under:
40dfe824-4479-4391-8321-92a4e903c8bc
Hello,
I have just purchased Angly7 template from your themeforest portal.
Upon downloading I don’t see the package folder as mentioned in your documentation.
I have written to support@theironnetwork.org and attached a file showing list of all the files received ( tree command) inside the main container zip file. There is no package folder or a e2e folder due to which ng serve and build are failing.
Kindly do the needful. Waiting for prompt revert.
Best Regards,
Aseem
Hey,
We didn’t get any mail on our support email, I request you to please send it again and we will take a look. Thanks!
I am working on this project but when I’ve uploaded code on Production in GCP, routing is not working.
The error is: main.22d9c5c49d5be968dfd1.js:1 ERROR Error: Uncaught (in promise): Error: Loading chunk 4 failed. (error: http://spotyourdeals.com/spotweb/4.19a506b8504c3e1c7e27.js) Error: Loading chunk 4 failed. (error: http://spotyourdeals.com/spotweb/4.19a506b8504c3e1c7e27.js) at HTMLScriptElement.u (runtime.57058411ab355e611642.js:1) at HTMLScriptElement.F (polyfills.35d2469282e15f5d4cc1.js:1) at t.invokeTask (polyfills.35d2469282e15f5d4cc1.js:1) at Object.onInvokeTask (main.22d9c5c49d5be968dfd1.js:1) at t.invokeTask (polyfills.35d2469282e15f5d4cc1.js:1) at n.runTask (polyfills.35d2469282e15f5d4cc1.js:1) at n.invokeTask [as invoke] (polyfills.35d2469282e15f5d4cc1.js:1) at m (polyfills.35d2469282e15f5d4cc1.js:1) at HTMLScriptElement.b (polyfills.35d2469282e15f5d4cc1.js:1) at O (polyfills.35d2469282e15f5d4cc1.js:1) at O (polyfills.35d2469282e15f5d4cc1.js:1) at polyfills.35d2469282e15f5d4cc1.js:1 at t.invokeTask (polyfills.35d2469282e15f5d4cc1.js:1) at Object.onInvokeTask (main.22d9c5c49d5be968dfd1.js:1) at t.invokeTask (polyfills.35d2469282e15f5d4cc1.js:1) at n.runTask (polyfills.35d2469282e15f5d4cc1.js:1) at g (polyfills.35d2469282e15f5d4cc1.js:1) at n.invokeTask [as invoke] (polyfills.35d2469282e15f5d4cc1.js:1) at m (polyfills.35d2469282e15f5d4cc1.js:1)
Kindly help in this issue. Need on an urgent basis.
Replied to you on email. Thanks!
Please do reply on this mail : ” sukirti@mckinsol.net” .
Urgently required
We have already replied to your email. Thanks!
Can you help me, please?
1. open folder and do npm install 2. in the folder ng serve 3. Error: [error] Error: Invalid format version detected – Expected:[ 1 ] Found: [ 3 ] at Object.readJsonWorkspace ([...]\angly-main\angly\ng-8\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\workspace\json\reader.js:30:15) at process._tickCallback (internal/process/next_tick.js:68:7) at Function.Module.runMain (internal/modules/cjs/loader.js:834:11) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3) 4. ng version Z:\AngularWS\angly-main\angly\ng-8>ng version
_ _ __ _ _
/ \ _ _ _ _ _ | | _ _ _ _ / __| | |_ _|
/ △ \ | '_ \ / ` | | | | |/ _` | '_| | | | | | |
/ _ \| | | | (| | || | | (| | | | || |_ | |
// \\| ||\, |\,|_|\,|| \_|__||
|_/
Angular CLI: 8.3.5 Node: 10.16.3 OS: win32×64 Angular: 8.2.7 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... platform-server, router
Package Version
@angular-devkit/architect 0.800.6 @angular-devkit/build-angular 0.800.6 @angular-devkit/build-optimizer 0.800.6 @angular-devkit/build-webpack 0.800.6 @angular-devkit/core 8.0.6 @angular-devkit/schematics 8.3.5 @angular/cli 8.3.5 @angular/http 7.2.15 @ngtools/webpack 8.0.6 @schematics/angular 8.3.5 @schematics/update 0.803.5 rxjs 6.5.3 typescript 3.4.5 webpack 4.30.0
Hi,
Thanks for reaching out!
Please go to angular.json file and try to remove version value 3 to 1 like following: ”version”: 3, to ”version”: 1,
After this delete node_module folder and package-lock.json file and try to install npm again. It will fix the problem.
Let us know if it works if not then please send us email at support@theironnetwork.org
Thanks and have a nice day!
Dear Author, Can you provide me Bootstrap 4 HTML template without angular. Pure HTML template in bootstrap 4. Thanks in advance
Hi,
Thanks for reaching out!
Angly is a Angular based front end template which is made with bootstrap 4. We can not provide HTML version of it.
Let us know if you have any other queries at support@theironnetwork.org
Thanks and have a nice day!
Hello, Bought Angly. Looks great.
One question I have is how do I see what bootstrap.min.css or bootstrap.css is included in pages. Did not find any reference in View Source of Home page. Angular.json does make a reference but wanted to see css and js referred somewhere in view source. Reason for asking is that I wanted to use bootstrap dropdown but it does not work. Says popper.js is missing although I see it in angular.json.
Thanks for your response. Please reply asap.
Hi, i’m looking at the code of the pages generated by your app (very nice). There is no content in the html code, especially in the blog, is this going to be an issue from a SEO standpoint?
Hi,
Thanks for reaching out!
We appreciate that you liked our theme.
Regarding your query, We used JSON files to manage the data of themes and for blog we used this as well.
To check the data of the files please to go src\assets\data and search data according to your file name. Open these file and edit the data according to your requirements.
As per as SEO concern, there are nothing to worry about it but if you have a doubt with it then you can set all the data in HTML files.
Let us know if you have any queries and issue at support@theironnetwork.org
Thanks and have a nice day!
Portfolio 2, Home, Footer , Menu basically everything but the main page and the portfolio page and it’s popup. So the rest of the templates, their dependencies, and then, I wonder what functions are extra. Maybe someone knows the code well enough to help me out!
Hi,
Thanks for reaching out!
Please send us your email id at support@theironnetwork.org We will send you the approach for it and needful pages as well.
Thanks and have a nice day!
sorry, meant: ‘TypeError: Cannot read property ‘unsubscribe’ of undefined’ at ClickOutside../src/app/core/directive/click-outside.directive.ts.ClickOutside.ngOnDestroy