1563 comments found.
I have received a feedback saying that the dense mode in the fuse theme is a vulnerable? Can someone help me understand this better?
That doesn’t make any sense. There is no “dense” mode in Fuse. There is a “dense” layout which is a different html structure with different css styles. It cannot cause any vulnerabilities.
Whoever gave you that feedback, I will assume had no idea what they are talking about.
Cheers
Bought this more the a year, never use it before! Liking this 15 version! Great Template!
Thank you for your kind words.
Cheers
I am trying to use only components from the project. Is there a way to get styles and use in another project?
No, there is not. You need to start your project using Fuse since it’s not a component library but a theme.
OS: window 10 Node : 18.12.11 Angular CLI : 15.0.0 Fuse : v17.0.1
When I use ng start I get a warning message The message is as follows
Build at: 2022-11-26T14:36:11.270Z – Hash: 482a2dc867c9f103 – Time: 119301ms
./src/@fuse/styles/themes.scss.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js??ruleSet1.rules6.rules0.oneOf0.use1!./node_modules/postcss-loader/dist/cjs.js??ruleSet1.rul
es6.rules0.oneOf0.use2./node_modules/sass-loader/dist/cjs.js??ruleSet1.rules6.rules1.use1!./src/@fuse/
styles/themes.scss?ngGlobalStyle – Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation $weight: Passing a number without unit % (60) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
@material\slider\_slider-theme.scss 77:5 @use node_modules\@angular\material\slider\_slider-theme.scss 3:1 @use node_modules\@angular\material\core\density\private\_all-density.scss 25:1 @forward @angular\_index.scss 18:1 @use src\@fuse\styles\themes.scss 2:1 root stylesheet
As you can read from the warning message it’s Angular Material related. You can ignore it, it’s just a warning. We will update once they release an update with the fix.
Thank you! )
Thanks for the excellent theme! Last release input fields with autofill (e.g. username and password fields) are broken in Chrome browser. They are always white, despite the dark theme is selected. Could you fix that or provide a workaround, please? Thank you!
Thank you for the heads up. I’ve pushed a fix to our repo (dev branch) and will include the fix in the next update.
Cheers
Thank you! )
Hi, will there be any guides for setup on hosts like cpanel. I feel like is only supported for windows and not linux based apps like cpanel.
Hello,
Once you compile Fuse (or any other SPA), they become a simple HTML, Javascript web pages. You can simply upload the production ready compiled files to your host and it will work.
You can read about this by searching on Google. This isn’t really a topic for us to have documentation or guide for because it’s a completely different topic.
Cheers
Please check FuseConfirmationDialogComponent, it seems the new upgrade has affected the padding for the confirmation dialog.
Thank you for the heads up. I’ll push a fix to our repo as soon as possible, you can get the update from there.
Cheers
The fix has been pushed to the “dev” branch. Please check and see if it’s working. We will release an update next week.
Confirmed. Thump’s up!
Hi,
Loving this template.
Any ETA on Fuse with Angular Universal ?
Waiting for this feature for so long..
Its been a long ask for Angular Universal. I saw the previous comments on this. Please prioritise this.
Its asked for more than 4 years now 
Hello,
Angular Universal support is on our list but it’s currently a low priority one. Hopefully we will make Fuse compatible with Angular Universal in the future.
Cheers
Hello
I’m doing my bachelor thesis, and I’m gonna develop an app that will be published in the appstore,etc. So that means I can earn money with it
Can you please tell me which license should I buy? Please, if possible attach the link to it
If there’s no way of using your template for an app that will be published, please tell me
Regards
Alfredo
Hello,
To be able to earn money from the application you made using Fuse, you must purchase an Extended license.
You can find it in the item page. Click on the “Regular License” text from the right sidebar and it will reveal the license selector box.
Cheers
Hi,
My Client purchased theme, Can we enable to Floating label to input ? and How should i do ? any documentation ?
Thanks
Hello,
You cannot do that. Please read here: https://angular-material.fusetheme.com/ui/forms/fields
Cheers
How to build to production ? I try to “npm run build” and use live-server for test but some icon can’t show and any problem …
Hello,
Servers like live-server packages are not fully compatible with SPAs. You may have to do some configuration in order for them to work correctly. I suggest you to try either a real server like Netlify which had a free tier or setup one locally like Apache or nginx..
Cheers
thank
Hello, any update on nx workspace compatibility?
Not yet.
Cheers
Hello, I would like you to implement design:
- Product catalog - Shopping cart - Bottom navigation menu for mobile
Could this be possible?
Hello,
Thank you for your suggestions. I’ve added these to our list and will revisit them in the future.
Cheers
Preview url is down !
http://angular-material.fusetheme.com/?v12.0.0It’s working for me. Might be a local issue.
Great work! Only calendar is missing
We had a calendar app before but removed it due to compatibility issues. Hopefully will put it back soon.
Cheers
Hello Sercan,
We are using the old “Angular” version of the Fuse theme. We want to update “Angular” latest version. Because the packages on the UI side are outdated. What should we do for this? The version we have purchased is 8.1.2. I am requesting your support.
Hello,
Version you have is a very old one, dated back all the way to 2019 and because of that, it won’t be an easy upgrade. And that’s not just because of you are using an older version of Fuse but also because you are using an older version of Angular.
Since there is no easy upgrade path from the version you have to the latest version, your best bet is to start a new project with the newest version of Fuse and migrate your code base over to the new project.
This will probably be the most beneficial way of upgrading since you will also find the opportunity to upgrade your own code piece by piece as you move it over to the new project.
Best
Hi, I’m looking to purchase an unlimited Fuse license and have sent several emails over the last 3 weeks to get an agreement signed, and have gotten no response. Please let me know if there’s any other way you prefer I contact you guys on the Fuse team. Thanks in advance!
How to use fuseDrawer like this…
import { MatDrawer } from ’@angular/material/sidenav’; @ViewChild(‘matDrawer’, {static: true}) MatDrawer: MatDrawer;
which classes need to import for fuseDrawer
Hello,
Please use our support ticket system at https://withinpixels.ticksy.com and we will get back to you as soon as possible.
Cheers
Hi, I have logged a ticket #3114517 but have not received a reply yet.
Could you give some guidance on how to change the font for the theme.
What I have tried so far is to add the font inside of assets and reference it in index.html
I have also tried to change tailwind.config.js to various values but nothing seems to work. Is there any possibility you might be able to write a small guide for this?
For instance, here I am trying to import poppins font.
Inside assets > poppins > poppins.css:
@font-face {
font-family: "Poppins-Bold";
src: url("Poppins-Bold.eot");
src: url("Poppins-Bold.eot?#iefix") format("embedded-opentype"),
url("Poppins-Bold.woff") format("woff"),
url("Poppins-Bold.ttf") format("truetype");
font-weight: bolder;
font-style: normal;
}@font-face {
font-family: "Poppins-Medium";
src: url("Poppins-Medium.eot");
src: url("Poppins-Medium.eot?#iefix") format("embedded-opentype"),
url("Poppins-Medium.woff") format("woff"),
url("Poppins-Medium.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}@font-face {
font-family: "Poppins-Regular";
src: url("Poppins-Regular.eot");
src: url("Poppins-Regular.eot?#iefix") format("embedded-opentype"),
url("Poppins-Regular.woff") format("woff"),
url("Poppins-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}Inside index.html
<link
href="assets/fonts/poppins/poppins.css"
rel="stylesheet">Inside tailwind.config.js
fontFamily : {
neuemachina: `"NeueMachina", ${defaultTheme.fontFamily.sans.join(',')}`,
poppins: `"Poppins", ${defaultTheme.fontFamily.mono.join(',')}`,
},
