1571 comments found.
AuthO: hi – i’m trying to wire this up with AuthO as ID provider. I can get it to talk to AuthO OK, can log in and log out. But after logging in, any request i make to my own API does not include an authorization header. I see there is an existing interceptor in the code which does many things, mainly against the mock api and i have added the requisite AuthO interceptor and configured it as i would usually do. However, no Bearer header is ever added. Is there a standard way of doing this? (nice templates btw)
i should say i’m looking to implement code flow and so a token will not be held in the browser, only the auth code.
it’s ok. i got it thanks 
It is not clear for me on how the MockAPI works. After using the mockapi for local development, how do you move into production to use the real backend? the url’s are the same, for example /api/auth/sign-in is the same path for both local and production, but how does the mockapi know when to use the real api instead?
Hello,
When you register an API route with MockAPI, it will use that to Mock the request by intercepting the outgoing request. If you have the same URLs for both dev and prod environments, you must disable the MockAPI in your production environment otherwise you will never hit the production API.
In these cases, we usually have an environment variable that we prefix the API routes with so both dev and prod can work with the same urls without needing to change things for production.
We have an environment variable called API_URL which is “api/dev/“ for Development and “api/“ for Production. Then we use this API_URL variable to prefix all our API urls so depending on the environment (dev or prod) we always hit to correct API url without specifically needing to disable Mock API.
Cheers
Understood! Thank you for the explanation.
Hello! Can we create another template and leave the base Fuse template untouched? I believe that this approach will allow for future updates without any issues.
Hello,
Not sure if I understand what do you mean completely but we already have a Github repo that you can join for easy updates.
Cheers
I mean can I create another styles of components and pages and keep the Fuse components and pages untouched? Under src/@fuse we have all the components, animations, directives, etc… of Fuse.
Yes, of course you can do that. In fact that’s the preferred method of adding your own custom stuff. Don’t touch the @fuse folder unless you absolutely need to.
Cheers
Hi, is fuse PWA compatible?
Hello,
We haven’t tested Fuse as a PWA but I don’t see any reason why it shouldn’t work.
Cheers
hello! Is there a chance that you will grant me access to your git to be able to obtain the version of Angular 16?
Hello,
You can request an invitation to our Github repo from here: http://www.withinpixels.com/themes/fuse-github
Don’t forget to check your Github notifications after requesting the invitation.
Cheers
Yes, I already have access, but I can’t find the starter pack.
Would you help me find it? 
I already found it.! thank you!
how to work fuse template 11 on the latest angular version? I see many errors while updating my app.
Hello,
You will need to update Fuse as well, Fuse v11 won’t work with Angular 17 without updating it.
Cheers
I have a question, did you remodel the components of Angular Material? I’m looking to buy it now!
Yes, Fuse uses Angular Material components with custom styles. We modified all of them.
Cheers
If fuse template is not possible to update or incomplicated with angular latest version, do I need to keep using this template? I want to update current project on angular 17,but, I can’d do it because of the old fuse version.
What do you mean?
Fuse already updated to Angular 17 and works just fine with it.
The File Manager app has a button to Upload a file – however, no functionality is implemented when clicked – at least a drawer with a new form / upload file could have been provided. Please consider this.
Fuse apps come with limited functionality as they are mostly guidelines and examples for applications. We have no intentions or plans to make them more complete.
Cheers
ERROR ReferenceError: window is not defined
at Object.9723 (./node_modules/apexcharts/dist/apexcharts.common.js:6:382801)
at __webpack_require__ (./webpack/bootstrap:19:1)
at Module.98515 (./node_modules/@angular/material/fesm2022/tabs.mjs:2006:1)
at __webpack_require__ (./webpack/bootstrap:19:1)
at 50172 (D:\code\purchased\fuse\dist\fuse\server\1624.js:24:72)
at __webpack_require__ (./webpack/bootstrap:19:1)
at Module.41624 (./src/app/modules/admin/dashboards/project/project.component.ts:22:195)
at Function.__webpack_require__ (./webpack/bootstrap:19:1)
at invoke (./node_modules/zone.js/fesm2015/zone-node.js:368:26)
at onInvoke (./node_modules/@angular/core/fesm2022/core.mjs:14697:33) There is an issue in apexcharts liberary when used with angular Universal. it will be great if we could use other graph liberary i.e chartjs etc to avoid such pitfalls
Fuse currently doesn’t support SSR, it’s in our roadmap.
Cheers
Hello, congratulations on the work. I purchased the discontinued TREO. Is migration to FUSE possible?
I tried to update Angular fuse template(11) to lateset version, but it break many things while udpating. I think it is using standalone on the lateset version. I am very tired of it, becuase fuse 11 and latest version are different completly. My app is structured in Fuse template 11. I have to upgrade my app to latest version, however, I can’d do it becuase of the Fuse template. How should I do? Should I keep working here?
If your app works fine and you don’t need the standalone components why do you want to update?
You can simply run “ng update” for Angular and Angular Material and keep working on your application. You don’t have to have the latest Fuse version, all versions of Fuse simply works great especially after all these years which allowed Fuse to mature greatly.
Cheers
is Fuse working with Analog as well, any experiences from the devs or from the community? thx!
Hello,
We didn’t test Fuse with Analog so I cannot say anything about it.
Cheers
I came across a small UI bug on Material theme. On desktop when you zoom in enough so that the navigation menu on top becomes the navigation menu on the left, when you scroll down a bit while seeing the hamburger icon, when you click on it to open the menu then the menu starts from 80% on top, leaving a huge transparent gap on top
Correction: this bug seems to appear on all styles, not just Material theme
Hello,
Thank you for your report, we are aware of this issue and will try to fix it before the next update.
Cheers
hello, Would it be possible to download the previous Angular 16 version? this angular 17 is too much trouble, too many breaking changes … i am tired of this …
honestly I have had a license for more than a year (just bought a new one for another project), Angular 16 used to work fine, but the update to Angular 17 is a pain & unnecessary, too many breaking changes, too many compatibility issues …
You can download older versions from our Github repo.
You don’t have to update or use the latest version of Angular. We always release an update to keep everything up-to-date but this doesn’t mean you have to update.
If your app is running just fine and if you don’t need any of the new features, you don’t need the new version. Unfortunately, frontend has this issue where everyone feels the need of using latest stuff all the time.
We have 10 year old apps running with AngularJS and they are just fine
Cheers
can you share the Github link pls?
Warning: Potential Security Risk Ahead
Firefox detected a potential security threat and did not continue to withinpixels.com. If you visit this site, attackers could try to steal information like your passwords, emails, or credit card details.
—> Self-signed certificate no pro man
Okay, I managed to gain access using your Twitter account. By the way, the access submission only works in HTTP; HTTPS (even when accepting the self-signed certificate) doesn’t work.
This resolves my problems. Hopefully, you’ll find some time to clean everything up (including your website 
). Cheers!
I think the developers should take their time and solve all the problems. I followed the instructions, cant run it ! Regret of buying it
There are no problems with the project, it installs and works just fine.
Cheers
bad angular 17+ version,
need to use flag:—legacy-peer-deps 13 vulnerabilities (7 moderate, 3 high, 3 critical)
otherwise wonderful work, just if you could clean up and fix the issues
No need to worry about those, you can ignore them.
—legacy-peer-deps is not a good practice, neither is having audit issues.
For now I am ignoring this, but definitely not going prod like this, hopefully you fix these by then
leacy-peer-deps is not something we can control, there are tons of npm packages out there and not all of them are updating to the latest standards.
The audit issues we have are mostly harmless and false positives at the moment. They will be resolved in time. It happens after every update, has been like this for the past 8 to 10 years so no need to worry about them.
do you have a version that is not standalone (with app.modules.ts) or traditional angular project?
No, but you can use NgModules within a Standalone project.
Cheers
is there a docs for that? I can’t find it in your website guide. i need that before I buy please.
Angular already provides all necessary docs for it: https://angular.io/guide/standalone-components#using-existing-ngmodules-in-a-standalone-component
I need RTL (Right-to-Left) support for this application to accommodate two languages, one in LTR (Left-to-Right) and the other in RTL. I particularly require an English RTL version for seamless transitions to the desired RTL language. The difficulty arises when adding RTL support to my local deployment, making updates challenging upon your new releases. I am optimistic that you will include RTL support in upcoming updates. Also, I’d appreciate confirmation on whether it’s acceptable to modify core components solely for the integration of the RTL layout.
You can modify the core, also you don’t have to update the @fuse directory with each update we release.
Running “ng update” will take care of that folder as well if anything needs to be updated from it.
Lastly, we don’t have any immediate plans for adding RTL support to Fuse Angular, unfortunately.
Hello, hope you are well, i know my support has expired, but i do need your help regarding an issue that keeps bugging me few days now. I want to deploy my app to the hosting server, everything works fine in local, but when i deploy using npm build or ng build with prod as configuration, i get an error message regarding ngsw-worker.js
Service worker registration failed with: TypeError: Failed to register a ServiceWorker for scope (‘https://xxxx.net/') with script (‘https://xxx/ngsw-worker.js'): A bad HTTP response code (404) was received when fetching the script.
Can you kindly help me? Thank you so much
Hello,
This can be caused by numerous things and it’s impossible for me to diagnose the error like this.
Please open a support ticket at https://withinpixels.ticksy.com and share your project with us so we can take a closer look.
