1562 comments found.
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.
“warn – No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn – https://tailwindcss.com/docs/content-configuration. ” No Style CSS loaded while runing
Please open a support ticket at https://withinpixels.ticksy.com and we will get back to you.
Cheers
There are no proper guidelines and documents; we have tried running the code, but it is not loading properly by default
I believe it’s not a specific issue with support. It seems to be a universal problem when compiling any admin template. We’ve tried various versions, including 19, 18.17, both demo, and starter, but none of them seem to load properly. There’s an issue with the styles not loading for all elements
It is challenging to set up the project after the purchase. There are numerous tasks to be completed, and one of the initial challenges is the absence of clear instructions for detaching Tailwind CSS
TailwindCSS works out of the box without any problems. You can see that in our Demo app which is also included into the download.
You don’t have to do anything to make TailwindCSS work or the project work, just running npm install is enough.
There is clearly a configuration issue here.
after npm install ” getting like : – warn – No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn – https://tailwindcss.com/docs/content-configuration ✔ Browser application bundle generation complete. and application running ,but there is no loading proper style css.
After running ‘npm install,’ I received the following warnings: ‘warn – No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration.’ The application is running, but the styles are not loading correctly, similar to the behavior observed in your demo.
Error 1 : Error: Schema validation failed with the following errors: Data path ”” must have required property ‘browserTarget’.
Error 2 : This version of CLI is only compatible with Angular versions ^16.0.0, but Angular version 17.0.3 was found instead.
Please visit the link below to find instructions on how to update Angular. https://update.angular.io/After all updated , getting warn error : warn – No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn – https://tailwindcss.com/docs/content-configuration
After running ‘npm install,’ I received the following warnings: ‘warn – No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration.’ The application is running, but the styles are not loading correctly, similar to the behavior observed in your demo.
You are clearly not capable of being able to use Fuse. I suggest you to request a refund and look for other solutions.
Spamming comments like this will not solve your problems.
Cheers
We downloaded the demo version of the application and followed your guidelines, but unfortunately, we encountered numerous errors. This aligns with our previous feedback about the challenges in using your product. We appreciate clarity on how to effectively utilize your products without encountering these issues. It seems that the issues persist even after following the recommended steps. We suggest providing clear guidelines and steps for users to follow when releasing new versions to ensure a smooth experience. Currently, only some versions are loading properly without any additional changes. It would be beneficial to address these concerns to enhance user experience and avoid any compatibility issues. Your feedback is valuable for improving the overall usability of the product
Hi Does Fuse support RTL at the moment like Arabic language ?
Hello,
It currently doesn’t support RTL
Cheers
is this using Angular 17?
nevermind i saw the changelog
Does it Support SSR?
Not yet, it’s in our todo list.
Hello, I have a simple question. I’m trying to replace the mock API with my backend. When attempting an HTTP request like `this.http.post(url, credentials)`, the resulting URL is `http://localhost:4200/url`. It seems to be intercepted and modified. (Great template by the way!)
Hello,
Fuse doesn’t alter urls in anyway.
Please open a support ticket at https://withinpixels.ticksy.com and share the code within the ticket and we will get back to you.
Cheers
Is fuse using webpack or vite?
It uses AngularCLI which uses Vite in the newest version.
Hi,
I just saw the new version with V17 upgrade.
It doesn’t use new control flow which angular introduces in v17.
May i know when you will support that ?
The new control flow is in developer preview. We don’t introduce anything that is not marked as stable by Angular team.
Once it becomes stable, you can expect Fuse to be updated.
This is a suggestions for all that are looking for a role based implementation. This is what i did:
Step 1 app/core/user/user.type.ts just add another field – role?: string; to the User model/type
obviously, the backend/api must return the jwt token with this data inside, namely role: “value”
Step 2 create a new guard in app/core/auth/guards/role.guard.ts with following content
import { inject } from ’@angular/core’; import { CanActivateChildFn, CanActivateFn, Router } from ’@angular/router’; import { UserService } from ‘app/core/user/user.service’; import { of, switchMap } from ‘rxjs’;
export const RoleGuard: CanActivateChildFn = (route, state) => { const router: Router = inject(Router); return inject(UserService).user$.pipe( switchMap((user) => { if (route.data.roles.some((role) => user.role === role)) { return of(true); } else { return of(router.parseUrl(’/’)); } }) ); };
Step 3 in app/app.routes.ts wherever you need role based auth, then add the RoleGuard and the data to specify which roles are allowed to access the route; example:
// Admin routes
{
path: '',
canActivate: [AuthGuard],
canActivateChild: [AuthGuard, RoleGuard],
component: LayoutComponent,
resolve: {
initialData: initialDataResolver,
},
children: [
{
path: 'forms',
data: {
roles: ['Super Operator', 'Operator'],
},
loadChildren: () =>
import('app/modules/admin/forms/forms.routes'),
},
],
},
Hope this helps. Suggestions are welcomed 
Role based authentification, i mean
It’s come with angular 16 + Angular material and ngx language for i18 (multilanguage)?
Hello,
Angular and Angular Material v16. We don’t use ngx-translate, we use Transloco for the multi language setup.