Version 12.x is currently lts.

Hi,

I don’t think this is directly related to our template. It might be a problem with ssl, internet connection, proxy or node version. In brief it is a problem with your dev environment.

Please make sure you have the lts version and not the current of nodejs: https://nodejs.org/en/download/

We can’t be sure of the problem so can’t provide a certain answer for it so please check google and try the recommended solutions.

request to registry.npmjs.org failed https://www.google.com/search?q=request+to+registry.npmjs.org+failed&oq=request+to+regis&aqs=chrome.2.69i57j0l7.13435j0j7&sourceid=chrome&ie=UTF-8

reason getaddrinfo https://www.google.com/search?client=firefox-b-d&q=reasone+geta+ddrinfo

Cheers.

Hi,

There is no built in upload for the comment section. You can upload it somewhere else and share the link here.

Hi,

Vien is an Angular template that you will be able to modify and customize as you may want. I can’t say for sure that it has all the features on your list though, you should check the demo and decide for yourself. https://vien-angular.coloredstrategies.com/app/dashboards/default

There are lots of good templates on the market yet I am not very familiar with them to be able to recommend one.

Cheers.

Hi,

We have received questions about the user roles and custom guard previously. To provide a good solution, we are working on the implementation of an auth guard that works in collaboration with the menu. I think we will be able to provide a decent answer in couple of days.

Cheers.

Hi,

We are sorry for the delay. However, instead of sending you a block of code, we were wasting time integrating a user role into the project.

The link below will help you to learn how to use it.

https://vien-docs.coloredstrategies.com/docs/guides/user-authorization

You can follow the footsteps of the keyword “UserRole” to understand how it works and integrate it into your existing project.

All the best.

Hi,

Please check out the Custom CSS example at https://vien-angular.coloredstrategies.com/app/ui/components/modal

By modifing below files and adding custom css, you can have a 80% width modal.

src/app/containers/ui/modals/modal-custom.css.component.ts this.modalRef = this.modalService.show( template, Object.assign({}, { class: 'custom-width' }) );

src/assets/css/sass/_vien.style.scss .modal-dialog.custom-width { @include respond-above(xs) { width: 80%; max-width: initial; } }

Cheers.

Thank you!

Hi,

Unfortunately discount period is currently over and there is no system for us to create individual discounts.

Cheers.

Hi,

Survey is like other applications there to provide the layout and design so they are not fully functional.

That being said, the dropdowns(order by and item count) should work. We have simply forgot to import Dropdown module. If you add Bootstrap Dropdown module to “src/app/views/app/applications/applications.module.ts” file, it should work. You may find the import below.

import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; @NgModule({ imports: [ BsDropdownModule.forRoot() ] }) export class ApplicationsModule { }

Cheers

Thank you!

Hi,

Thanks for your interest in our template and it’s great to hear that you like it.

As for your question, sub menu always gets hidden for the menu items without any sub items. It is same for the both docs and demo. I think you are getting confused since docs menu state is sub-hidden but demo is default so it looks like sub menu at the docs does not get hidden when navigated to guides from another page since it’s already hidden.

If you set menu to sub-hidden at the demo, both docs and demo should look the same. Here is how to do it:

Menu has 3 different use cases which you may examine under Menu/MenuTypes section of the theme. To set a menu type, you need to change defaultMenuType variable at environments/environment.ts & environments/environment.prod.ts to one of the following values: menu-default, menu-sub-hidden, menu-hidden

Cheers.

Hi,

There is no built-in solution for it, you may create variables and pass then to the component with @Input() to use ng-if to display the buttons.

Thanks!

Hi,

That is intentional since pages from same module tend to stay at the previously scrolled position. You may find the line that scrolls it top in “src/app/containers/layout/sidebar/sidebar.component.ts” file.

window.scrollTo(0, 0);

Hi,

The “can’t bind…” error mostly occurs due to a missing import so please double check that closest module file of the component has the import as shown below.
import { PaginationModule } from 'ngx-bootstrap/pagination'; @NgModule({ imports: [ PaginationModule.forRoot() ] })

Also please check if the <pagination> works as intended in the template. If not, please let us know so we may look into it.

exactly as you wrote but the problem continues , how can we comunicate?

Still not sure if the problem is with a missing import or you also have the problem with an unmodified version of the template.

If it’s the second one, please let us know your environment(node,npm versions and os) so we can try to replicate the problem.

We provide support mainly via the comments but you may also reach us via the contact form at our profile page. https://themeforest.net/user/coloredstrategies

Cheers.

Hi,

We don’t know the cause of the problem yet we have a solution. It looks like your ngx-perfect-scrollbar or perfect-scrollbar version is newer than it supposed to be. This happens sometimes and might be related to the deleting of lock files.

The safest option is to set a certain version. Here are the steps: - Change version to 8.0.0 without ”^” in package.json file. “ngx-perfect-scrollbar”: “8.0.0” - Delete node_modules, package-lock.json, and yarn.lock - Reinstall and run.

Another option is to remove margins and paddings of the main menu. This solves the issue with the menu and other parts look okay. Yet, the same problem might occur somewhere else. Adding below lines at the end of _vine.style.scss should do it. .main-menu .ps { margin-left: initial; margin-right: initial; padding-left: initial; padding-right: initial; }

Cheers.

Thanks a lot. It did help.

Nice, happy to help!

Im interested to buy!

Hi,

You may find profile pages here:
https://vien-angular.coloredstrategies.com/app/pages/profile/social
https://vien-angular.coloredstrategies.com/app/pages/profile/portfolio

Editing datatables is not implemented in the template but the plugin contains an inline editing: https://swimlane.github.io/ngx-datatable/#inline-edit

All the best.

Hi,

I really don’t know what might be the reason for it and we have not experienced it. There is not I installed the template without a lock file to see if it is a version issue but it works just fine.

I recommend you track your steps back and see if any changes that are made are the cause of it. You may also try adding the styles with ”!important” to override the wrong ones.

Cheers.

Hi,

We don’t know the cause of the problem yet we have a solution. It looks like your ngx-perfect-scrollbar or perfect-scrollbar version is newer than it supposed to be. This happens sometimes and might be related to the deleting of lock files.

The safest option is to set a certain version. Here are the steps: - Change version to 8.0.0 without ”^” in package.json file. “ngx-perfect-scrollbar”: “8.0.0” - Delete node_modules, package-lock.json, and yarn.lock - Reinstall and run.

Another option is to remove margins and paddings of the main menu. This solves the issue with the menu and other parts look okay. Yet, the same problem might occur somewhere else. Adding below lines at the end of _vine.style.scss should do it. .main-menu .ps { margin-left: initial; margin-right: initial; padding-left: initial; padding-right: initial; }

Cheers.

Hi,

Nice to hear that you like the template.

As for your question, I think it’s a ui mistake that the form contains a field for code. The code is carried with the url variable in the reset url link that comes with the email. It’s oobCode.

You may need to configure the link that is sent with email at the Firebase console, if you have not. Then get the code from the url and submit it with the new password to confirmPasswordReset.

Cheers.

Hi,

Unfortunately there is not a built-in way to hide topnav. You may implement hiding sidebar with below lines.

Please add this to “sidebar.component.ts” @HostListener('document:fullscreenchange', ['$event']) handleFullscreen(event) { var nextClasses; if(document.fullscreenElement) { nextClasses = this.getMenuClassesForResize('menu-hidden'); } else { nextClasses = this.getMenuClassesForResize('menu-default'); } this.sidebarService.setContainerClassnames(0, nextClasses.join(' '), this.sidebar.selectedMenuHasSubItems); }

There is also a problem when fullscreen turned off with esc key. Updating “fullScreenClick” with the one below and adding fullscreenchange listener should solve the issue in “topnav.component.ts”. fullScreenClick() { if(document.fullscreenElement) { document.exitFullscreen(); } else { document.documentElement.requestFullscreen(); } } @HostListener('document:fullscreenchange', ['$event']) handleFullscreen(event) { if(document.fullscreenElement) { this.isFullScreen = true; } else { this.isFullScreen = false; } }

All the best.

Thanks guys, sorry for late answer, didn’t have time work on this. would it be enough to add to topnav.component.html this piece of code. <nav *ngIf=”!isFullScreen” class=”navbar fixed-top”>

it seems to be working but maybe there is negative side-effect?

I don’t think there will be a problem. It looks fine.

Hi,

Please check src/main.ts file which loads the scss file and bootstraps AppModule. Adding that part to your project might work.

Cheers.

Hi,

It’s generated via Angular currency pipe and you may find it in the small-line-chart.component.html file. Removing pipe should solve the problem. {{currentValue}}

Cheers.

Thanks a lot, it helped

Hi,

It does, you may see it with selecting English-RTL in the language dropdown on the header.

Cheers.