144 comments found.
Hello,l like your vien product,but this is my first time to usethemeforest, so l have a fewdoubts. Hello, does the vien projectsupport ie11? Can l use this framework to domy own business website tomake money? lf the project domain namechanges, what can l do toprevent copyright issues?Finally, l am currently in China.Do you have multi lingualfunctions in your product tosupport Chinese configuration? Looking forward to your reply, thanks.
Hi,
The template only supports evergreen browsers and does not support IE. You may check it at the right side of the template detail page under “Compatible Browsers” part.
If your application is considered as “Software as a Service” and the end users would be required to pay to use it, then you should purchase an extended license. You may check the license details here: https://themeforest.net/licenses/standard
Vien has multi language support but we don’t have any knowledge of Chinese language requirements so the template does not have any development towards it.
Cheers.
Can I configure Chinese in multi language, including the text in each component, such as datepicker? I will do the website users do not need to pay to use, but need to pay to buy the goods inside, similar to e-commerce website, can regular license satisfy me? Thanks.
Hi,
It seems possible to do Chinese including the datepicker plugin. If your project is like an e-commerce site, a standard license will suffice.
All the best.
Okay, thank you. If I don’t renew it six months after I buy it, will my questions not be answered and the code updated?
Hi,
You will have lifetime access to code updates, but your support period is limited to 6 months.
All the best.
Thank you for your reply. I have purchased your template. But there is a problem. I found that your document is an online link. In some cases, I may not have a network. Is there any document that can be accessed offline? By the way, why does Piaf have a discount, but this one doesn’t?
When I run the vien angular project, everything is normal, but when I run vien angular start, I get the following error:
2 import firebase from ‘firebase/app’; ~~~~ node_modules/firebase/index.d.ts:9710:1 9710 export = firebase; ~~~~~~~~~ This module is declared with using ‘export =’, and can only be used with a default import when using the ‘allowSyntheticDefaultImports’ flag. node_modules/@angular/fire/auth/auth.d.ts:4:8 – error TS1259: Module ’”D:/StudySoftwares/DEMO/lead_end/Vien-Angular-Admin-Dashboard-1.2.2/Angular-Version/Source/vien-angular-start/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag
4 import firebase from ‘firebase/app’; ~~~~ node_modules/firebase/index.d.ts:9710:1 9710 export = firebase; ~~~~~~~~~ This module is declared with using ‘export =’, and can only be used with a default import when using the ‘allowSyntheticDefaultImports’ flag.
How to solve it, thanks.
Hi,
Unfortunately, only the online version of the documentation is available.
All the best.
I found issue in single file upload in drop zone it not seen proper.
In this case You need to setup dropzone config property maxFiles value only 1
Hi,
The links below will help you for multiple uploads.
https://stackblitz.com/github/zefoy/ngx-dropzone-wrapper/tree/master?file=projects%2Fapp%2Fsrc%2Fapp%2Fapp.component.tsComponnet Documentation :
https://github.com/zefoy/ngx-dropzone-wrapper#readmeAll the best.
While I am using my custom http Service using httpclient for consume rest API service I am getting error.
core.js:4081 ERROR DOMException: Failed to execute ‘open’ on ‘XMLHttpRequest’: Invalid URL at http://localhost:4200/polyfills.js:2873:35 at XMLHttpRequest.proto.<computed> [as open] (http://localhost:4200/polyfills.js:1462:52) at Observable._subscribe (http://localhost:4200/vendor.js:13148:17) at Observable._trySubscribe (http://localhost:4200/vendor.js:116961:25) at Observable.subscribe (http://localhost:4200/vendor.js:116947:22) at subscribeToResult (http://localhost:4200/vendor.js:127063:23) at MergeMapSubscriber._innerSub (http://localhost:4200/vendor.js:122233:116) at MergeMapSubscriber._tryNext (http://localhost:4200/vendor.js:122227:14) at MergeMapSubscriber._next (http://localhost:4200/vendor.js:122210:18) at MergeMapSubscriber.next (http://localhost:4200/vendor.js:117505:18)
Hi,
As I understand from the error message, the error is not related to vien but to httpclient or your service. That’s why we can’t help. If you give a little more detail about the error, maybe we can comment.
All the best.
yeah I solved it
hello Can we expecting upgrade for Angular 12 soon ?? Thanks
Hi,
We will be upgrading to version 12 but unfortunately I can’t make any promises for the near future.
All the best.
Hi I try to use some of components in my project. What steps to copy and paste it in my projects.
Hi,
The explanations in the link below will be useful to you.
https://vien-docs.coloredstrategies.com/docs/codebase/lifecycleAll the best.
Hi,
I just want to say thanks for that great project and to ask some questions 
I am curious to see some part of the code or to see structure if that is possible? I am a programmer and I want to customize it and add some additional features so because of it I would like if I can see it
Hi,
The explanations in the link below will be useful to you.
https://vien-docs.coloredstrategies.com/docs/codebase/lifecycleAll the best.
Hi there, i am going to purchase this template and i have a couple of questions first: - removing firebase is possible ? - activating angular SSR is possible ?
Thanks in advance
Hi,
On the following page you can find instructions about authorization. Unfortunately, we have no experience about SSR.
https://vien-docs.coloredstrategies.com/docs/guidesAll the best.
I wanted to buy this as the concept is good but it’s outdated. Upgrade is too slow, I have been waiting for a month now.
Hi,
Unfortunately, it seems unlikely that we will update it anytime soon. Thank you for your attention.
All the best.
Hi, I have a page that need change of the sidebar, how do I disable it from moving on large screens(fixed like on fb large screens) and only come up on mobile with the parent alone, not with the child sidebar?
Hi,
Sidebar has a lot of interaction. Large screen usage and mobile screen usage as you described; It conflicts with the scenarios we created for the current sidebar options. For this reason, unfortunately, it does not seem possible.
All the best.
Hi, I can’t make notifications work. It doesn’t work programmatically and by forcing it with a button. I have already injected its module and still doesn’t work. What could be the problem? It works only in its original “Alert” page, outside of it it does not.
Hi,
Unfortunately, 3rd party plugins are not included in the support. however, I think the link below will help you.
https://www.npmjs.com/package/angular2-notificationsAll the best.
Hi,
It might be a silly question, but help would be much appreciated. I can’t figure out how to activate te login component. It seems to set a role by default, but I dont get how to ensure that a user has to login first and then moves on to the site.
Best Regards and thanks for the product,
Marinus
Hi,
The guide below will help you.
https://vien-docs.coloredstrategies.com/docs/guides/user-authorizationAll the best.
Hi I just bought your template yesterday and I love it.
I want to ask what is the main module of the whole project? I have properties from my service that return as undefined thus I cant access them in profile-user-social.component.ts. I trigger and assign a variable in that service from top-nave(header).
Please help thank you
My God. I just had a serious look at your app and its an overkill of modules that it’s so hard to pick a part. It became too complicated to track where each one is imported and where the central module is. I can’t use a single service of my own that I can use across the whole app. But greatest problem really is there’s too much modules floating around that if you delete what you need errors will come up which is hard to locate.
It’s already good, look, content and all. But how you managed the files is giving me headache just by looking at it.
You even have a dedicated module just for multi-level subheaders for the sidebar nav? How and why?
Hi,
Unfortunately, we are disturbed by the crowd of files in the Angular project.
Since it was developed by a team with a specialization in React, we may have made some structure mistakes. The architectural method we have applied is as described in the article below.
https://blog.angular-university.io/angular-2-smart-components-vs-presentation-components-whats-the-difference-when-to-use-each-and-why/If you have any questions, we are happy to try to help.
All the best.
No worries it’s still a great app and I’d choose it over others. Actually I have an admin app that I am currently using but I’ll keep using yours. I’ll be following for upcoming updates.
Great job
Thanks for your kind words. I hope the theme will serve you well.
Hello, when using the latest version of Angular, I get errors of having it only supporting an only version. Is this a problem with my install? Also, when just running the index.html file, it displays a blank page instead of any content but the HTML version of the purchase displays and works normally. Any suggestions on how to fix this?
Hi,
Vien Angular has been developed for 10 versions. It may not work stably for other versions.
There are multiple reasons why the index.html file may not work directly. In order to run this file directly, you must first run the ng build command and serve the folder in dist in localhost. Thus, the built version will work.
The guide below will help you :
https://vien-docs.coloredstrategies.com/docs/gettingstarted/developmentAll the best.
Hello! I am getting an error message when I try to deploy this template into my docker environment. Are there any special instructions?
Hi,
We do not have deploy information on docker, but the link below may be informative about deploy.
https://vien-docs.coloredstrategies.com/docs/gettingstarted/productionAll the best.
Hello,
I get some error when i try deploy it on Docker
my dockerfile is;
FROM node:12.10-alpine as build
- set working directory WORKDIR /app
- add `/app/node_modules/.bin` to $PATH ENV PATH /app/node_modules/.bin:$PATH
- install and cache app dependencies COPY package.json /app/package.json RUN npm install
- add app COPY . /app
- generate build RUN ng build—output-path=dist—configuration=production
#
- prod ### ############
- base image FROM nginx:1.16.0-alpine
COPY ./nginx-config.conf /etc/nginx/conf.d/default.conf
- copy artifact build from the ‘build environment’ COPY—from=build /app/dist /usr/share/nginx/html
- expose port 80 EXPOSE 80
- run nginx CMD [“nginx”, “-g”, “daemon off;”]
Hi,
Unfortunately, we do not know about the Docker configuration.
As a side note, support is available for Theme Forest purchased accounts only.
Cheers.
When I press log out, it doesn’t redirect me to login. How can I fix that?
Hi,
The following code block will help you.
this.authService.signOut().subscribe(() => {
this.router.navigate(['/user/login']);
});
All the best.
Hi, very nice template and easy to use. However, is it possible to change the line or area chart to display more than one data-line? Like with the Bar or Polar charts? Thanks
Hi,
The datasets property takes an array. For more than one line, you can define a second element in the array.
All the best.
export const areaChartData = {
labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
datasets: [
{
label: '',
data: [54, 63, 60, 65, 60, 68, 60],
borderColor: Colors.getColors().themeColor1,
pointBackgroundColor: Colors.getColors().foregroundColor,
pointBorderColor: Colors.getColors().themeColor1,
pointHoverBackgroundColor: Colors.getColors().themeColor1,
pointHoverBorderColor: Colors.getColors().foregroundColor,
pointRadius: 4,
pointBorderWidth: 2,
pointHoverRadius: 5,
fill: true,
borderWidth: 2,
backgroundColor: Colors.getColors().themeColor1_10
},
{
label: '',
data: [59, 53, 57, 55, 70, 58, 63],
borderColor: Colors.getColors().themeColor2,
pointBackgroundColor: Colors.getColors().foregroundColor,
pointBorderColor: Colors.getColors().themeColor2,
pointHoverBackgroundColor: Colors.getColors().themeColor2,
pointHoverBorderColor: Colors.getColors().foregroundColor,
pointRadius: 4,
pointBorderWidth: 2,
pointHoverRadius: 5,
fill: true,
borderWidth: 2,
backgroundColor: Colors.getColors().themeColor1_10
}
]
};
Hello,
I saw that for ngx-datatable row expand is there but hidden. I wanted to expand row but cant seems to get it to work, is it because of css issue?
this.table.rowDetail.toggleExpandRow(row) – this doesnt seems to work. Possible if you could point me to the right direction?
Thanks
Hi,
There is “d-xl-none” class defined to the button that triggers the expand event and only in small screens; the button appears and does the expanding. Can you try it by removing the “d-xl-none” class.
For the test: https://vien-angular.coloredstrategies.com/app/ui/datatables/responsive
All the best.
Hi, I love this template and i am new to angular. Would you be willing to assist implementing some of the things based on this template + firebase? I would like to transition my old page. This would be a payed engagement. If interested please drop me an email or reply here.
Hi,
Unfortunately we cannot get freelance jobs. Thanks for your attention.
All the best.
In both projects provided (there are 2), I download the npm packages, launch the application, but the web page remains in an infinite reload loop
Hi,
Can you check your console and inform us about the error?
Also, what is your operating system and node version?
All the best.
Hi Team,
In the console of the browser i can see only one error: bootstrap:201 GET http://localhost:4200/12.js net::ERR_ABORTED 404 (Not Found)
this is the console of the command “ng serve”, there aren’t errors, the project run on localhost:4200 as usually but it doesn’t stop to reload
npm version 6.14.8 node version 14.15.1
> vien-angular@1.2.2 start C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular > ng serve
√ Browser application bundle generation complete.
Initial Chunk Files | Names | Size vendor.js | vendor | 3.89 MB styles.css, styles.js | styles | 701.30 kB dark.yellow.granola.css, dark.yellow.granola.js | dark.yellow.granola | 545.11 kB dark.purple.monster.css, dark.purple.monster.js | dark.purple.monster | 545.11 kB dark.orange.carrot.css, dark.orange.carrot.js | dark.orange.carrot | 545.10 kB dark.blue.olympic.css, dark.blue.olympic.js | dark.blue.olympic | 545.08 kB dark.grey.steel.css, dark.grey.steel.js | dark.grey.steel | 545.07 kB dark.blue.yale.css, dark.blue.yale.js | dark.blue.yale | 545.06 kB dark.green.moss.css, dark.green.moss.js | dark.green.moss | 545.06 kB dark.green.lime.css, dark.green.lime.js | dark.green.lime | 545.05 kB dark.blue.navy.css, dark.blue.navy.js | dark.blue.navy | 545.05 kB dark.red.ruby.css, dark.red.ruby.js | dark.red.ruby | 545.04 kB light.yellow.granola.css, light.yellow.granola.js | light.yellow.granola | 544.77 kB light.purple.monster.css, light.purple.monster.js | light.purple.monster | 544.76 kB light.orange.carrot.css, light.orange.carrot.js | light.orange.carrot | 544.76 kB light.blue.olympic.css, light.blue.olympic.js | light.blue.olympic | 544.74 kB light.green.lime.css, light.green.lime.js | light.green.lime | 544.73 kB light.green.moss.css, light.green.moss.js | light.green.moss | 544.71 kB light.grey.steel.css, light.grey.steel.js | light.grey.steel | 544.71 kB light.blue.yale.css, light.blue.yale.js | light.blue.yale | 544.71 kB light.blue.navy.css, light.blue.navy.js | light.blue.navy | 544.67 kB light.red.ruby.css, light.red.ruby.js | light.red.ruby | 544.66 kB polyfills.js | polyfills | 481.20 kB main.js | main | 334.40 kB runtime.js | runtime | 17.95 kB
| Initial Total | 16.04 MBLazy Chunk Files | Names | Size defaultblog-blog-moduledatatables-datatables-modulemiscellaneous-miscellaneous-moduleproduct-prod80c513e.js | defaultblog-blog-moduledatatables-datatables-modulemiscellaneous-miscellaneous-moduleproduct-prod80c513e | 2.07 MB forms-forms-module.js | forms-forms-module | 1.62 MB components-components-module.js | components-components-module | 1.35 MB defaultapplications-applications-modulecomponents-components-moduledashboards-dashboards-modulep4a26a4f2.js | defaultapplications-applications-modulecomponents-components-moduledashboards-dashboards-modulep~4a26a4f2 | 1.14 MB dashboards-dashboards-module.js | dashboards-dashboards-module | 1.03 MB product-product-module.js | product-product-module | 663.41 kB quill.js | quill | 429.54 kB defaultdashboards-dashboards-moduledatatables-datatables-module.js | defaultdashboards-dashboards-moduledatatables-datatables-module | 384.10 kB applications-applications-module.js | applications-applications-module | 241.32 kB defaultapplications-applications-moduleblog-blog-moduledashboards-dashboards-moduledatatables-daadce848a.js | defaultapplications-applications-moduleblog-blog-moduledashboards-dashboards-moduledatatables-daadce848a | 205.77 kB 2.css | – | 204.21 kB 5.css | – | 204.21 kB 9.css | – | 204.21 kB 6.css | – | 204.21 kB 7.css | – | 204.21 kB 0.css | – | 204.21 kB 1.css | – | 204.21 kB 4.css | – | 204.20 kB 8.css | – | 204.20 kB 3.css | – | 204.20 kB 19.css | – | 203.87 kB 13.css | – | 203.87 kB 16.css | – | 203.86 kB 11.css | – | 203.86 kB 17.css | – | 203.86 kB 12.css | – | 203.85 kB 14.css | – | 203.85 kB 15.css | – | 203.84 kB 18.css | – | 203.82 kB 10.css | – | 203.81 kB firebase-auth.js | firebase-auth | 178.15 kB miscellaneous-miscellaneous-module.js | miscellaneous-miscellaneous-module | 150.63 kB defaultapplications-applications-modulecomponents-components-moduledashboards-dashboards-module.js | defaultapplications-applications-modulecomponents-components-moduledashboards-dashboards-module | 149.82 kB blog-blog-module.js | blog-blog-module | 114.06 kB defaultcomponents-components-moduleuser-user-module.js | defaultcomponents-components-moduleuser-user-module | 100.08 kB defaultblog-blog-moduledashboards-dashboards-moduledatatables-datatables-modulemiscellaneous-misefff8893.js | defaultblog-blog-moduledashboards-dashboards-moduledatatables-datatables-modulemiscellaneous-misefff8893 | 73.70 kB user-user-module.js | user-user-module | 68.37 kB datatables-datatables-module.js | datatables-datatables-module | 63.45 kB defaultapplications-applications-moduleproduct-product-module.js | defaultapplications-applications-moduleproduct-product-module | 58.39 kB defaultblog-blog-modulecomponents-components-moduledatatables-datatables-modulemiscellaneous-mis17883677.js | defaultblog-blog-modulecomponents-components-moduledatatables-datatables-modulemiscellaneous-mis17883677 | 51.56 kB defaultapplications-applications-moduleblog-blog-modulecomponents-components-moduledashboards-dab43c3d54.js | defaultapplications-applications-moduleblog-blog-modulecomponents-components-moduledashboards-dab43c3d54 | 45.81 kB profile-profile-module.js | profile-profile-module | 34.62 kB menu-levels-menu-levels-module.js | menu-levels-menu-levels-module | 20.85 kB defaultblog-blog-modulecomponents-components-moduledatatables-datatables-modulemiscellaneous-misbb77cf04.js | defaultblog-blog-modulecomponents-components-moduledatatables-datatables-modulemiscellaneous-misbb77cf04 | 18.48 kB defaultcomponents-components-moduleproduct-product-module.js | defaultcomponents-components-moduleproduct-product-module | 18.12 kB app-app-module.js | app-app-module | 16.96 kB defaultblog-blog-moduledashboards-dashboards-moduledatatables-datatables-moduleforms-forms-modul7c25a96d.js | defaultblog-blog-moduledashboards-dashboards-moduledatatables-datatables-moduleforms-forms-modul~7c25a96d | 16.54 kB menu-menu-module.js | menu-menu-module | 15.15 kB pages-pages-module.js | pages-pages-module | 11.71 kB ui-ui-module.js | ui-ui-module | 9.71 kB common.js | common | 2.82 kB
Build at: 2020-12-09T20:45:37.935Z – Hash: 62154b25436e9eff442d – Time: 45606ms
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\@angular\fire\ivy_ngcc\fesm2015\angular-fire.js depends on ‘firebase/app’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\src\app\components\cards\components.cards.module.ts depends on ‘angular-svg-round-progressbar’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\src\app\components\charts\small-line-chart\small-line-chart.component.ts depends on ‘chart.js’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\angular2-hotkeys\ivy_ngcc\fesm2015\angular2-hotkeys.js depends on ‘mousetrap’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\src\app\containers\pages\pages.containers.module.ts depends on ‘ngx-lightbox’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\ngx-ellipsis\ivy_ngcc\fesm2015\ngx-ellipsis.js depends on ‘element-resize-detector’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\ng2-nouislider\ivy_ngcc\ng2-nouislider.js depends on ‘nouislider’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ‘mux.js/lib/tools/ts-inspector.js’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ‘videojs-vtt.js’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ’@babel/runtime/helpers/inherits’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ’@babel/runtime/helpers/construct’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ’@babel/runtime/helpers/possibleConstructorReturn’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ‘mux.js/lib/tools/mp4-inspector’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ‘mux.js/lib/mp4/caption-parser’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ‘mux.js/lib/mp4/probe’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\Progetti\Templates\Vien-Angular-Admin-Dashboard-1.2.2\Angular-Version\Source\vien-angular\node_modules\video.js\dist\video.es.js depends on ’@videojs/xhr’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
- Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Thanks in advance for the support, Regards
Hi.
I thought there might be an error message in the browser console. Can you check there too?
All the best.
Hi,
I write the error at the start of the message.
Regards.
Hi,
Do you delete the node_modules folder and try ‘npm install’ and ‘ng serve’ again? we do not have any problem. If you still have problems after all these processes, can you also try with yarn?
All the best.
hi in the Vien we can use just one submenu , how can i create 2 submenu for my menu ? thank you
Hi,
Unfortunately support is only for themeforest purchases.
Thank you for your understanding.
my friend has bought the Vien but he could not correct his problem , he asks me , how can i create two submenu in the Menu , i created new subs in the menu.ts but it does not shown , just one submenu is showing in the menu ,
can any body help me ?
Hi,
There is a multi sub level usage example in the menu.ts file. The following code block may help you.
{
icon: 'iconsminds-three-arrow-fork',
label: 'menu.menu',
to: `${adminRoot}/menu`,
subs: [
{
icon: 'simple-icon-logout',
label: 'menu.types',
to: `${adminRoot}/menu/types`,
},
{
icon: 'simple-icon-layers',
label: 'menu.levels',
to: `${adminRoot}/menu/levels`,
subs: [
{
icon: 'simple-icon-arrow-right',
label: 'menu.third-level-1',
to: `${adminRoot}/menu/levels/third-level-1`,
},
{
icon: 'simple-icon-arrow-right',
label: 'menu.third-level-2',
to: `${adminRoot}/menu/levels/third-level-2`,
},
{
icon: 'simple-icon-arrow-right',
label: 'menu.third-level-3',
to: `${adminRoot}/menu/levels/third-level-3`,
},
],
},
],
},
All the best.
Hi thank you for your replay , but i want create a submenu under menu.third-level-1 like this ............ { icon: ‘simple-icon-arrow-right’, label: ‘menu.third-level-1’, to: `${adminRoot}/menu/levels/third-level-1`, subs:[{ icon:’myicon’, label:’test submenu’; to: `${adminRoot}/menu/levels/test-level`,
}]
},i want new child submenu under menu.third-level-1 ,i think it must change in sidebar.component.htlm with a new *ngfor , but i cannot solve it
Hi,
Unfortunately, menu normally does not support the 4th level, but if you really need it, the insert size will offer a solution.
containers/layout/sidebar.ts It will work when you add the following code after line 53.
<a deepsub.subs.length=""> 0"
[ngClass]="{'rotate-arrow-icon opacity-50 c-pointer': true, 'collapsed': closedCollapseList.includes(deepSub.to)}">
<i class="simple-icon-arrow-down" />
<span class="d-inline-block">{{deepSub.label | translate}}</span>
</a>
<div>
<div deepsub.subs.length=""> 0">
<ul class="list-unstyled inner-level-menu">
<li deepersub="" of="" filteredmenuitems="" currenturl="==" deepersub.to="">
<a rel="noopener noreferrer" target="_blank">
<i />
<span class="d-inline-block">{{deeperSub.label | translate}}</span>
</a>
<a deepersub.subs.length="" routerlinkactive="active">
<i />
<span class="d-inline-block">{{deeperSub.label | translate}}</span>
</a>
</li>
</ul>
</div>
</div>
I would like you to write your next questions from the account you purchased. Unfortunately, we cannot provide support for requests that are not written from the recipient account.
All the best.
Sorry my friend is not available right now This source you entered gives an error. I think some characters like stars are deleted when copying. Thanks if you copy the correct source again and check that no character is deleted. Regards again
Sometimes problems can arise when sharing code from the comment part of the envato. If you check your mail address and check the comment’s notification mail, you can get the correct version of the code from there.
Another option is if you write us a message on our profile page, we can send you the file via e-mail.
thanks for your cooperation. Unfortunately, the text of the email is very incomplete and I have only received two sentences. Please email me the source again
What is your e-mail address, can you share with us?
if you send me the screen shot of your source , i will wright it in my file
Email sent.
thanks for your cooperation. i got your e-mail Unfortunately, when I run your code, it does not show any submenus
