Discussion on Fuse - Angular Admin Template

Discussion on Fuse - Angular Admin Template

By
Cart 25,871 sales
Recently Updated
Well Documented

srcn does not currently provide support for this item.

1571 comments found.

Hi! Is here any example for the CSS to work with ng-select ?

Hello,

Fuse doesn’t provide custom CSS for third party libraries. If you are using one, you need to match the styles for yourself.

Cheers

Thanks for the reply. Does anyone on this forum done this work already? Thanks in Advance!

Missing this._userService.get() in InitialDataResolver.resolve method made me debugging issue for 2h. I think it’s worth to add it next time to prevent undefined user errors

Thanks for the heads up.

Hi! Is it possible to set the left menu light?

Hello,

Yes, it is possible. It can be done using Tailwind CSS utility classes.

Hi, is it possible to use just parts of the template in a different HTML website, such as one of the line charts? Thanks

Or, I should ask a different question: If I do not know, how to use angular, this template is not for me, correct?

Hello,

Yes, you need to know Angular in order to use Fuse. You cannot extract parts of it to use it anywhere else.

I think the latest version of Fuse is not building (ng build) the app correctly. Try running ng build then running the build from (dist/fuse) the app just stays on the splash screen.

It builds for us without any problems. Make sure you are running the build in a proper server environment. Double clicking and opening the index.html on the browser won’t work.

You’re absolutely correct. This error is on me. My apologies.

I forgot I changed the output path from “outputPath”: “dist/fuse ” to “outputPath”: “dist” and forgot to add the ”/” at the end.

doh.

HI, just a question. does your design have a role based authorization setup that can hide menu or menus depending on their role?

Hello,

It doesn’t have a complete solution but you can already hide/show navigation items using the “hidden” property on them or even completely replace the navigation depending on other stuff.

Take a look at our documentation: https://angular-material.fusetheme.com/ui/fuse-components/components/navigation

HI, I use your theme for a while now! Very good theme! Small question, in your tailwind.config.js you define 10 different zIndex but when looking at the style.css generated with the @tailwind utilities the z9999 or z99999 or z-1 are not present. Do I miss something? Same thing for minWidth or maxWidth, you use the …theme(‘spacing’) to generate multiple derived entry but they are not present in the css file. thanks

Hello,

Tailwind only generates the classes if they are being used. We have added those as helpers but if you don’t need or use them, you can remove them from the config.

They won’t have any affect on the performance if you leave them.

Cheers

What is the version of tailwind css used in this theme?

3.2.4 as of today. We always keep Fuse up to date with latest versions.

I tried to add matt data tables, it’s unable to scroll for some reason

Hello,

Please use our support ticket system at https://withinpixels.ticksy.com and paste your code in there so we can take a closer look.

Cheers

Hi, I tried to change the color code in the user-themes.scss file or add a new theme, but it didn’t change after running ng serve and then the user-theme.scss file returned to its original state. Can you help me?

Hello,

Please read the docs about theming: https://angular-material.fusetheme.com/docs/guides/customization/theming

Do not touch the user-themes.scss file as it’s an auto-generated file resides inside the @fuse folder.

Thank you for your feedback,

Regards,

Why is mat-datepicker of type=”datetime” not included? Am I missing something?

Hello,

There is no time picker available in Angular Material library.

This is bad news for my project. Any alternative that will be compatible with FUSE styles?

Hello! Grate template! For Angular version of this template, will you use standalone components?

Hello,

Yes, we will be moving to Standalone components in near future.

Cheers

I can’t find the navigation Location ?

Hello,

Navigation data is located at “ src/app/mock-api/common/navigation” directory.

thx

Hello, Thank you for this wonderful theme,

My request is about theme extension, I wanted to add some styling over Fuse theme, for that I needed to use theme color on styles.scss file, but I don’t know how to use colors variables for example to create my own items style, for example I wanted to create success and danger style for Angular material snackbar, if you could help me out with that,

Thank you in advance for your feedback

Hello,

All theme colors are available ad CSS custom properties. If you open the dev tools and look at the styles, you can find them under the :root selector.

You can then simply use them.

Alternatively, you can also use Tailwind’s @apply rule with the utility classes like text-primary and border-accent etc.

Fuse don’t provide success or danger utilities though, you have to create them for yourself which can be done via Tailwind’s color configuration.

Cheers

Hello back,

Thank you for your feedback,

Regards,

Hi,

I want to thank you for your great work on this item first.

Additionally I’d like to submit an improvement: When setting the tooltip to ’’ then MatTooltip falls back to the element’s value which is not what I intended to do. What’s the sense anyway in showing the actual element content as tooltip once again. Therefore I suggest to include [matTooltipDisabled]=”item.tooltip !== ’’” after every [matTooltip]=”item.tooltip || ’’” in the @fuse/components/navigation folder.

This easily hides useless because empty tooltips which would fallback to the element’s content. Or as an alternative set the type of item.tooltip to string | boolean and set [matTooltipDisabled] when item.tooltip is set to false.

Hello,

Not sure how you are getting this behavior but it’s definitely not the case with the latest version of Fuse.

Setting the matTooltip to an empty string (’’) disables it automatically, there is no need for disabling it explicitly.

You should update Angular & Angular Material if you can.

Also, you can always access your purchase code through the Downloads tab of your Themeforest profile.

Thanks for your quick reply. Found the purchase code.

You’re absolutely right – the tooltip property was set via compactNavigation in mock-api/common/navigation/data.ts.

Sorry for bothering you with this, but really thanks for your great work on the template.

No problem at all, glad you are enjoying Fuse.

Hi, I can’t get access to the github, when I submit my details I get ‘whoops looks like something went wrong’.

Hello,

That happens time to time because one of the APIs we use, unfortunately.

Please open a support ticket at https://withinpixels.ticksy.com or send me an email through my profile page with the details (purchase code and Github username) and I will add you manually.

Cheers

Hi, I sent you a message through your profile. Ty

If I can use svg icon instead the fontawsome, How can I add it into menu?

Hello,

Fuse already uses SVG icons, we don’t use Fontawesome or any other font icons.

Currently, there is no easy way of adding custom icons to the navigation if that’s what you are asking. You need to choose one from the available icons.

menu icon not show after used “ng build”

Please use our support ticket system for your support requests: https://withinpixels.ticksy.com

We don’t provide support through item comments.

Have you considered publishing the @fuse part as a separate library to NPM? That will greatly reduce the build time and maintainability.

Hello,

Yes, we did consider it but not going to do it as it would expose the core part of Fuse to pretty much everyone which we don’t want.

Cheers

do we have standard html verison or vuejs

Hello,

Fuse only available for Angular and React at the moment.

Cheers

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey