144 comments found.
You need to update to the latest version of Angular
Hello,
I have issue when i run command ng serve it takes long time to load ng serve.So plzz give me solution and update me as soon as possible.
Good morning. Is it possible to get the designs (say Figma) for this theme? As a product manager, I want to create custom layouts for my dev team to build.
Good morning, I would like help for the installation of vien angular 10
Is this include all backend coding? Or just Frontend? I need to have a User Authentication and Surveys for that user? Can I use this template for that requirement without coding?
Hi,
The theme includes only FE code. The survey application works on sample data.
All the best.
Hi,
I bought your template and am building an Angular 12 application. I have included all html css and js (dore.script.js, dore.scripts.landingpage.js, dore.scripts.landingpage.js, scripts.js, scripts.single.theme.js) files from the html folder. However, which function should I call to initialize all JavaScript functions for the themes to be dynamically loaded such as .data-tables classes to take effect? Is there a single function i should call in angular for the whole plugin to be applied?
Hi,
Why not directly use Angular version ?
All the best
Hello Sir, I tried to upgrade the project to Angular 12, but I faced several problems. Can you please help me with instructions for upgrading to Angular 12 or later. Thank you. Thank you.
Hi,
Unfortunately, we don’t have guidelines to help you upgrade Angular 12
All the best.
hi I want buy but the site is not accepting my credit card
Hi,
You should write to the support section of Envato. We cannot take any action regarding your credit card not being accepted.
All the best.
possible bug? environment.ts has following set: isAuthGuardActive: true, defaultRole: UserRole.Admin,
views->views.routing.ts has following AuthGuard: { path: adminRoot, //this is set to ’/app’ loadChildren: () => import(’./app/app.module’).then((m) => m.AppModule), data: { roles: [UserRole.Admin, UserRole.Editor] }, canActivate: [AuthGuard], canActivateChild: [AuthGuard],
},However, traffic is still being directed to this view even when users are not authenticated via AngularFire and login page. I’m sure I’m missing something. Was only able to prevent traffic after setting defaultRole to an empty string in environment.ts. please advise
Hi, Clearing the default values created for the demo environment is actually not a wrong method. The problem seems more like us. The DefaultRole and isAuthGuardActive values should not conflict with each other. I’m glad you’re resolved.
All the best.
Hi,
I’m interested in your angular template “Vien – Angular Admin Template”. My question is if the main page is included in the package (The page you see under the below url)?
https://preview.themeforest.net/item/vien-angular-admin-template/full_screen_preview/25817698?_ga=2.110261196.897303683.1639942795-919758942.1639942795&_gac=1.229145070.1639943121.Cj0KCQiAzfuNBhCGARIsAD1nu-9Lj5Cdc22G1GJ3ue-xr1owYxOhfLTxZ7KSai9DM21cIwuCAHBSkEEaArkHEALw_wcBHello,
Yes it is included.
Best.
Hi, When I try to use the Jquery version I have to move where the asset files are located, normally this isn’t a problem however on this theme as soon as you move them and rename where all of the JS/CSS/IMG files you get some styling but none of the functionality works, the graphs don’t load the menu doesnt work and neither does the theme switcher.
Could you let me know how I can rectify this please.
I’ve sorted this within the scripts.js
I have implemented the topnav with the sidebar successfully. My only issue is that when I click to show/hide the sub-menu and main-menu, I don’t have any smooth animations to show and hide.
The sidebar works correctly, just missing the animation. Am I missing something obvious?
Hi,
The menu animations work on the ‘transition’ styling of the ’.main-menu’ and ’.sub-menu’ classes.
If you move these styles into your project, the animations will work.
All the best.
These are the styles I’m adding. Copied from you angular.json file. Am I missing something? I get all of the Vien styling coming through in the app. Just missing the animation. It doesn’t kill the app, just makes it seems boxy.
“styles”: [ “apps/admin/src/styles.scss”, “libs/shared/assets/fonts/iconsmind-s/css/iconsminds.css”, “libs/shared/assets/fonts/simple-line-icons/css/simple-line-icons.css”, “libs/shared/assets/css/vendor/bootstrap.min.css”, “libs/shared/assets/css/vendor/bootstrap.rtl.only.min.css”, ”./node_modules/@glidejs/glide/dist/css/glide.core.min.css”, ”./node_modules/quill/dist/quill.snow.css”, ”./node_modules/quill/dist/quill.bubble.css”, ”./node_modules/@ng-select/ng-select/themes/default.theme.css”, ”./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css”, ”./node_modules/nouislider/dist/nouislider.min.css”, ”./node_modules/angular-archwizard/styles/archwizard.css”, ”./node_modules/ngx-lightbox/lightbox.css”, ”./node_modules/video.js/dist/video-js.min.css”, { “input”: “libs/shared/assets/css/sass/themes/vien.light.blueyale.scss”, “bundleName”: “light.blue.yale”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.bluenavy.scss”, “bundleName”: “light.blue.navy”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.blueolympic.scss”, “bundleName”: “light.blue.olympic”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.greenmoss.scss”, “bundleName”: “light.green.moss”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.greenlime.scss”, “bundleName”: “light.green.lime”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.yellowgranola.scss”, “bundleName”: “light.yellow.granola”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.greysteel.scss”, “bundleName”: “light.grey.steel”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.orangecarrot.scss”, “bundleName”: “light.orange.carrot”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.purplemonster.scss”, “bundleName”: “light.purple.monster”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.light.redruby.scss”, “bundleName”: “light.red.ruby”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.blueyale.scss”, “bundleName”: “dark.blue.yale”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.bluenavy.scss”, “bundleName”: “dark.blue.navy”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.blueolympic.scss”, “bundleName”: “dark.blue.olympic”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.greenmoss.scss”, “bundleName”: “dark.green.moss”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.greenlime.scss”, “bundleName”: “dark.green.lime”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.yellowgranola.scss”, “bundleName”: “dark.yellow.granola”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.greysteel.scss”, “bundleName”: “dark.grey.steel”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.orangecarrot.scss”, “bundleName”: “dark.orange.carrot”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.purplemonster.scss”, “bundleName”: “dark.purple.monster”, “inject”: false }, { “input”: “libs/shared/assets/css/sass/themes/vien.dark.redruby.scss”, “bundleName”: “dark.red.ruby”, “inject”: false } ],
Your previous comment gave me somewhere to look and just in case someone else runs into this. Here’s how I fixed it. You need to make sure that the ngAfterViewInit method in the app.componet sets the classes of show and default-transition on the document.body. I had made my own app.component and hadn’t transferred this code.
ngAfterViewInit(): void { setTimeout(() => { this.renderer.addClass(document.body, ‘show’); }, 1000); setTimeout(() => { this.renderer.addClass(document.body, ‘default-transition’); }, 1500); }
We have not thought of that. Glad to hear it is all good now.
Hi, I am Daniel Andes I am a buyer of this template and I think it’s good for our development. I’d like to discuss a development for my project. My email is valentingamesapps55@gmail.com Can we talk on skype? My skype is same with the email. Looking forward to hearing from you. Best Daniel
Hi Daniel,
Thanks for the purchase and hope that it works for you well. As for the project offer, unfortunately we don’t accept any freelance jobs.
All the best.
Hi,
I have just bought the Vien template and it is good so far. I am using the HTML version. I have noted that most images have been hard-coded in the css files. This makes it hard to use/customize the template and also apply future updates.
Can you remove the hardcoded images in the css files and either add them in a separate css file or in the html blocks?
Hi,
Thanks for your feedback. However, I regret to inform you that we will not be able to make the development you mentioned for the moment.
All the best.
Hi Author,
I need to hide the sidebar on one page. I want to know how to hide Sidebar in the ngOninit function.
Hi,
In the example below, there is an example of changing the menu type after the page is opened.
https://vien-angular.coloredstrategies.com/app/menu/typesThe source code of the page will help you a lot.
All the best.
Hello,
Great job on this template !
We are noticing in our project that we get blank page with Vien Template everytime we try to print a page using print function from the browser? Chrome or FF whatever…
Is it normal that this basic function isn’t working in the template? Or is there something we ddin’t do and we should have done when setting up the template?
Thank you. You can give me some clues at frederic.dessalle@cgx-system.com. Please note that if mistake is on our side we’ll renew support before dealing with you. Tell us.
Thank you very much.
Frederic from France.
Hi,
It is both because of Bootstrap and us. You may add below block at the end of “src/assets/css/sass/_vien.style.scss” file. You may also do customizations like removing sidebar, footer etc.
@media print { @page { size: auto; } }
main .container-fluid .row:not(.invoice) {
display: initial;
}.sidebar {
display: none;
}footer {
display: none;
}All the best
Great ! It works. You are very quick. It is appreciated! Frederic.
I am trying to use the validate for fields but when I change the name=”rulesName” to something else the validate stops working. I need to have customer form field names. Thanks
Also when a submit a form to a php page is just shows a jQuery alert and does not go to the php page.
Hi,
Are your questions for the html project or for the angular project?
All the best.
Are you planning to update the template? version 10 of Angular now is available
Hi,
Vien is currently using Angular 10.
All the best.
Please support convert pds to figma, thank you!
Hi,
The Figma version does not seem possible in the near future. But it is included in our business plan.
All the best.
Hello there. I appreciate your handicraft job. It’s the best theme in the world! Can you add SortableJS or jQuery sortable? It would be nice if you could add nestable js plugin for using flex menu.
Thanks for attention.
Hi,
Thanks for your kind message. There is a sortable plugin example in the project, so I can’t promise to include the plugins you mentioned in the project.
https://vien-angular.coloredstrategies.com/app/ui/components/sortableAll the best.
