One other thing, if your new project does not have any styles; please refer to this: https://vien-docs.coloredstrategies.com/docs/guides/using-single-theme

Thank you for the quick response. Your suggestions worked perfectly. Much appreciated.

Have a great week.

You’re welcome, hope you also have a great week!

Hi,

The applications provided in the template are not in a working state. They are there to provide the ui and unfortunately we don’t have any experience with implementing a Firebase chat.

All the best.

Muchas gracias, acabo de enviar lo indicado.

Muchas gracias por la pronta respuesta, todo conforme. Excelente trabajo, recomendado.

Thank you for the kind words, you are welcome

Hi,

Thank you

Yes, that could also work. You may also create a layout for your pages that you don’t want to have a sidebar and topnav. Please check the difference between “src/app/views/app/app.component.html” and “src/app/views/user/user.component.html” files that serves as a template for the views within their directories.

Hi,

Thanks for your kind words, I hope that you enjoy working on the template.

As for your question;

1. There is not an auth guard or an http config currently implemented on the template. Just a basic guard that comes with the Angularfire library. It’s on our dev list to implement an auth structure with jwt and user roles but it will surely take some time for us to start working on them.

2. You may add a specific class to the component you want the no sidebar and topnav look. You may find an implementation below that hides topnav and sidebar when width is smaller than 768px.

All the best.

Hi,

Unfortunately we don’t have any experince running the project in asp.net. We always use our backend as a service and recommend this approach.

All the best.

ok, why I can’t see the theme in offline mode? this behavior is in both html and angular.

Hi,

Html version has quite a basic structure and doesn’t have any offline implementation.

Angular on the other hand, has offline mode and you may test it by switching pages within the same module. For example, if you open up the preview(https://vien-angular.coloredstrategies.com/), it will load dashboards module so it will keep showing other dashboard pages when offline.

Cheers.

Hi,

Vien-Angular and Vien-Angular-Start are projects that created with ng new so you don’t have to initialize a new one. Just need to install packages and run the project. You may also want to take a look at here: https://vien-docs.coloredstrategies.com/docs/gettingstarted/development

Hi,

Both libraries have their pros&cons and it’s kind of a matter of choice. We went for Bootstrap since we already had the layout implementation from our html theme.

We don’t think it’s a good idea to include 2 major uil libraries in the project. First reason for this is the relase size and second reason is the ease of use. You are of course free to include it as you want but unfortunately it will fall out of our support scope.

All the best.

Thanks for your answer. So there is no way, to “easily” change this component without breaking everything even if we start from scratch a new project with the template ?

You may add Material components and use them with their provided styles. However, styling to make them compatible with current look of the template is quite a work to do.

Hi,

There seems to be a mistake that we have made with sidebar code. Please change || to && at below lines on “app/containers/layout/sidebar/sidebar.component.ts”

line 50 if (toParentUrl !== undefined || toParentUrl !== null) {
line 78 if (currentParentUrl !== undefined || currentParentUrl !== null) {

This should fix the console error. Also, please make sure the path you are directing is available.

All the best.

Apologies it was my mistake. There was a typo in my route

Hello. Thanks your feedback. Let us know if you require any assistance.

Happy coding

Ps: If you are happy with the theme, give it a rating please. https://themeforest.net/downloads

Hi,

We have implemented a preloader only at the start of the project and since it supports lazy loading, showing preloader in the subpages looks unnecessary.

Hi, a loader when loading each page as this template has:

when we change the page a loader appears between the navbar and the breadcrumb.

Thanks.

Hi,

I don’t think it is something that provides any functionality and looks like it is on a timer. We probably won’t implement it but you may add something similar to breadcrumb component. You may find an example below.

src/app/containers/layout/breadcrumb/breadcrumb.component.html <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb"> <ol class="breadcrumb pt-0"> <li class="breadcrumb-item" sub="" of="" patharr="" let="" i="index"">= (pathArr.length-1)"> <a>{{'menu.'+sub | translate}}</a> </li> <li class="breadcrumb-item active" aria-current="page">{{ 'menu.'+currentRoute | translate }}</li> </ol> </nav> <div class="spinner-border text-primary spinner-border-sm d-inline-block align-baseline" role="status"> <span class="sr-only">Loading...</span> </div>

src/app/containers/layout/breadcrumb/breadcrumb.component.ts import { Component } from '@angular/core'; import { Router, Event, NavigationEnd, ActivatedRoute } from '@angular/router'; import { filter, map } from 'rxjs/operators'; @Component({ selector: 'app-breadcrumb', templateUrl: './breadcrumb.component.html' }) export class BreadcrumbComponent { path = ''; pathArr: string[] = []; currentRoute = ''; showSpinner = true; constructor(private router: Router, private activatedRoute: ActivatedRoute) { this.router.events .pipe( filter((event) => event instanceof NavigationEnd), map(() => this.activatedRoute), map((route) => { while (route.firstChild) { route = route.firstChild; } return route; }) ).subscribe((event) => { this.path = this.router.url.slice(1, this.router.url.split('?')[0].length); const paramtersLen = Object.keys(event.snapshot.params).length; this.pathArr = this.path.split('/').slice(0, this.path.split('/').length - paramtersLen); this.currentRoute = this.pathArr[this.pathArr.length - 1]; }); setTimeout(() => { this.showSpinner = false; }, 1000); } getUrl = (sub: string) => { return '/' + this.path.split(sub)[0] + sub; } }

Thank you for the purchase

Hi,

Adding JWT is on our roadmap but unfortunately we don’t have enough experience to provide any guidence for it at the moment.

We have a guide that provides steps to remove Firebase if you are interested. https://vien-docs.coloredstrategies.com/docs/guides/removing-auth

All the best.

Hi,

There are some necessary ui items in html version and Vien comes with the html version. So if someone wants to build a working version of it, ui items would be available. Here you may see the html version: https://dore-jquery.coloredstrategies.com/Apps.MediaLibrary.html

Unfortunately, it is not implemented in Vien and our schedule won’t let us to work on it for 2-3 months.

Cheers.

Hi, Unfortunately we don’t have anyone to recommend.

Hi Luca,

Unfortunately it’s not available for purchase.

Cheers.

Hi,

Thank you for the purchase, we hope that you enjoy working with the template.

As for the problem, I must say that we have not encountered it earlier.

My suggestion would be giving the exact path for Views component import to see if error for that one fixes. This will gives us an idea about the problem.

One other suggestion is to check your node version. If it is 13.xx then downgrading to 12.xx(LTS) version should be good.

Let us know more about your node,npm versions and your OS if none of the above solutions work.

All the best.

Hello, This template compatible with Angular 9.

Landing pages are removed from the templates since an admin template with landing pages breaks the rules of Envato. We have continued to provide them for a short therm to prevent possible troubles for the buyers and currently they are not available for any template and not even implemented for Vien.

Let us know if you have additional questions.

Just a rapid feedback. You have included the Html-jquery version in the package. There is also the Design with all psd files. I don’t know if it is not a mistake.

All good, that is intentional. Thanks for taking your time to let us know.

All the best.