427 comments found.
When I try to use live data, the chart does not work. Although I the data passed to toSalesChartData is exactly the same. There is no error message and just show an empty chart.
getSales() {
}// Example for real requestreturn this.http.get<any>(this.url + '/api/ShopInfo').pipe(
map(response => this.toSalesChartData(response))
);// Simulating request from local data
// return of({ labels: salesChartDemoLabels(), data: salesChartDemoValues }).pipe(
// map(values => this.toSalesChartData(values))
// );Hello,
Congratulations for the theme. It is pretty cute. I am wondering if you can help me (I am going to do that myself) to use custom icons in the sidebar that shows on the left. I have already the SVG icons, do you know how I can add it to your framework and use it.
Thanks
Hey! Yes, it’s actually pretty easy. Best way is if you register the SVG icons in the MatIconRegistry. You’ll need to inject the MatIconRegistry and the DomSanitizer in the constructor of the Component or Service you want to add this to make it work, but the code below is actually all it needs (you can add this to e.g. the AppComponent constructor). This looks something like this:
``` this.matIconRegistry.addSvgIcon(‘my-custom-icon-name’, this.sanitizer.bypassSecurityTrustResourceUrl(’/assets/icons/my-custom-icon.svg’)); ```
and afterwards you can just use the icon name you provided there in the SidenavItem creation. 
Doing that in app.component.ts and then usign the name in the sidebar shows me a big M. Maybe the path is wrong?
Yeah, the path provided above is just an example, you’ll need to provide the path where you store the .svg icon
I know that is an example. This is my code:
constructor(sidenavService: SidenavService, private matIconRegistry: MatIconRegistry, private domSanitizer: DomSanitizer) { in app.component.ts
this.matIconRegistry.addSvgIcon(
'diMaio',
this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/a.svg')
);The path seems to be ok. But it still shows a big M instead of the icon.
First of all, check the devtools console for errors (F12), if there’s nothing try changing the path to: /assets/a.svg without the .. folder changing, because we’re looking for the path from the server side, not from the directory structure.
ok. Anyway adding that in app.component.ts should be enough, and then just using the name when adding items in the sidebar? Do you agree that the problem could just be in the path? Do I need to use particular size?
It’s definitely just the path, it’s totally possible. As said, check the console, it always helps with such issues.
I finally did it, but in a different way, as it is the only way that works:
in app.components.ts:
this.matIconRegistry.addSvgIcon( ‘dimaio’, this.domSanitizer.bypassSecurityTrustResourceUrl(’./assets/dimaio_icon.svg’) );
and also:
menu.push({ name: ‘Luigi Di Maio’, routeOrFunction: ’/dimaio’, icon: ‘dimaio’, secondIcon: ‘dashboard’, position: 15, custom: true });
Please note custom and secondIcon values.
and in sidenav-component.html:
<mat-icon class=”icon” *ngIf=”level === 1 && item.custom === false”>{{ item.icon }}</mat-icon> <mat-icon class=”icon material-icons” svgIcon=”{{ item.icon }}” *ngIf=”level === 1 && item.custom === true”></mat-icon> <mat-icon class=”icon” *ngIf=”level === 1 && item.custom === true”>{{ item.secondIcon }}</mat-icon>
It works, but the problem is that I had to add the custom and the normal icon because when the sidebar is closed the custom one is not shown, but the normal icon is. If I use just the custom icon, the problem is that when the sidebar is closed I see a bit of the title of the item not the icon itself. Hope it makes sense and you can clarify. Thanks a lot
PS: I did not get how to show code here! Sorry for the layout
Hi, I’m interested to buy you template. But I need to use it on Ie11. Seems that doesn’t work on IE11. There are update about this issue? thanks a lot.
Giuseppe
We’re working on the update which will unify all browser experiences! Coming soon with Angular 8!
Hi, i am having troubles to implement a 100% height component inside the main router :
An example is provided in the latest update
Check the Chat or Inbox components
Dear Support team,
I have developed a website and for that I need icons and images or may be some videos for my website. Can you help me out for getting my requirement?
Regards vinntech
Hey! Sure thing, let us know at themeforest@visurel.com and we’ll figure something out!
Can you please tell what info do you need in this email address?
Hi,
Do you plan to put a template with the skeleton of the project? That is, with the minimum necessary components.
Thanks
Hey! Actually it’s really easy to get started, most demo stuff is inside the “pages” folder, if you remove that one, it should be pretty barebone.
Hello! This template is amazing! Great job!!
Do you have any release date for Fury based on Angular 7??
It’s released!
hello, why when i change something in code, browser not doing auto refresh ?
hello, i am getting infinite loop of client:174 Invalid Host/Origin header in browser
This is definitely not related to us, what version of @angular/cli are you using? Have you tried searching for this issue on the @angular/cli issue tracker and/or Google? It’s nothing related to the Fury theme, but we’d like to help you anyways. So, more information is definitely necessary.
Do you have media manager in this?
Hi, I bought this theme and its description says that it is compatible with Safari browser. But it is not, everything is slowly and tremble a lot. Could you fix it?
Hey! Thanks for buying our theme! Oh, that should definitely not be! Can you tell us which version of Safari you are using and which version of Fury you are on? After gathering the informations we’ll try to reproduce and will fix the issues accordingly.
Safari – Version 12.0.1 (14606.2.104.1.1) Fury version is the latest, last update is 14 September 18 (I bought it a week or two ago!) Could you provide feedback more faster?
And at my second computer% Safari – 11.1.2 Fury – 6.0.0
Hello, visurel. Any updates? Did you reproduce and fix?
We’re working on it and will include it in the 7.0.0 update.
Didnt get it. Why you write that Fury is compatible with Safari while it is not? And now telling me that you’re working on it. I bought Fury because of its crossbrowser. Why it works badly on Safari?
I want to know this too.
> How to use the displayFn (columns: ListColumn[]). i would like to format the date column in this
I tried implementing the template into my project, first thing i noticed, the ‘well documented’ documentation is actually not much more than a introduction to angular and sadly not a documentation on how to use the template or how to implement it. I then tried it myself and when trying to buld the app i tons of errors building the app. Could you maybe provide some support here? What do i need to add to npm if i copy your core and shared folder into my app
Also, when can we expect the upgrade for Angular 7?
We recommend using our theme as a starter, we optimized all processes (build, packages, routing) so you can get right started with building pages for your application. If you want to copy parts of Fury into your app, copying core and shared is the first step, but you’ll also need to check the package.json for the dependencies used, then you’ll also need to take a look at the angular.json so the SCSS imports can be resolved correctly you’ll need to add the stylePreprocessorOptions part. I hope this helps! And yes! Angular 7 upgrade is coming.
It will be updated to the version of Angular 7?
Yes! Coming soon.
Hello, how I can enable a Pipe for all components? thanks
Hey! Simply add your pipe to the SharedModule. Either the ExamplePipe directly into declarations: [ExamplePipe] AND exports: [ExamplePipe] OR create a ExamplePipeModule and add it there and afterwards import AND export that in SharedModule. Hope this helps!
Hi , can this work with normal Angular 6 , not using material components ..
If you replace all Material Components with suitable alternatives and use another theming engine it should definitely work, but we recommend using the Material Components, as they are very well optimized and maintained and there is no reason not to.
Hi Your template has changes of the original material css. If I want some components to go back to the original design of Metrial (for example, Infot without a gray background, just as material 2 did) is it possible? And how?
Thanks
Hey, love your theme, I have one question. How can I dynamically update items in the sidebar. I need badges to update, and some subheadings to change names on the fly.
It’s not obvious to me how to do it with your code. Thanks!
Thank you visurel for that awesome theme! I’m looking forward to the new 7.0.0 version. I was able to integrate it for angular 7.0.0 with 2 lines of code changes. I still have one problem with your current scrollbar: simplebar. It doesn’t support height 100% right now. Maybe https://material.angular.io/cdk/scrolling/overview#virtual-scrolling is a better alterntive for it?
BTW: I like your folder refactoring and scrollbar refactoring, it is much cleaner now.
Hello,
I bought your template a few days ago and like the very clean code.
I managed to upgrade it to Angular 7 (BaseFxDirective must be BasDirective then) and it was working as expected. To be hones I didn’t do a lot of testing.
I tried to implement my first page and it was quite easy.
Now I have an issue with the scroobar …. “dahsboard-component” works nicely, my own component loads all the data via webservice and my all items are not available after ngOnInit…...
When I hover the content area I can see the scrollbar but cannot use it…
What do you need to help me getting this fixed?
appreciate that and kind regards Andreas
BTW: I would see a fury layout with redux (like done in elastic-ui, bought that as well :-))
Okay…. I found the mistake myself…. I accidently activated “disableSmartbar” in the menu…. Thanks anyway
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
