427 comments found.
Can this template be used without Angular? Is there a base HTML version?
The ‘auto hide’ feature of the side nav menu does not work properly on Safari Version 11.1.2 (High Sierra). Please provide info how to fix it.
The template does not work in IE 11, but the purchase page shows compatibility. How can I make it work?
I purchased this theme, i have already existing project in angular 5, now i wanted to add this theme in my existing project i’m getting this error and i don’t know why pleaase help
ERROR in ./src/app/core/breadcrumbs/breadcrumbs.component.scss Module build failed: @import “var”; ^ File to import not found or unreadable: var. Parent style sheet: stdin in C:\xampp\htdocs\BrainAndwits\src\app\core\breadcrumbs\breadcrumbs.component.scss (line 1, column 1)
in my existing project i was using “css” for styling
Hey! When using the template directly this works 100%, but when you try to use it in another one please check that your angular.json looks similiar to this, especially the stylePreprocessorOptions part
{ ”$schema”: ”./node_modules/@angular/cli/lib/config/schema.json”, “version”: 1, “newProjectRoot”: “projects”, “projects”: { “projectname”: { “root”: ””, “sourceRoot”: “src”, “projectType”: “application”, “prefix”: “prefix”, “schematics”: { ”@schematics/angular:component”: { “styleext”: “scss” } }, “architect”: { “build”: { “builder”: ”@angular-devkit/build-angular:browser”, “options”: { “outputPath”: “dist”, “index”: “src/index.html”, “main”: “src/main.ts”, “polyfills”: “src/polyfills.ts”, “tsConfig”: “src/tsconfig.app.json”, “assets”: [ “src/assets” ], “styles”: [ “src/styles.scss” ], “stylePreprocessorOptions”: { “includePaths”: [ “src/styles” ] },
I purchased this theme, i have already existing project in angular 5, now i wanted to add this theme in my existing project i’m getting this error and i don’t know why pleaase help
ERROR in ./src/app/core/breadcrumbs/breadcrumbs.component.scss Module build failed: @import “var”; ^ File to import not found or unreadable: var. Parent style sheet: stdin in C:\xampp\htdocs\BrainAndwits\src\app\core\breadcrumbs\breadcrumbs.component.scss (line 1, column 1)
in my existing project i was using “css” for styling
will you add file upload feature in theme ? which will be very helpful for us
The fury template does not work at all in IE 11.
It’s also broken in edge if you update the modules to their latest versions (minor issues with chrome.)
"dependencies": {
"@agm/core": "1.0.0-beta.3",
"@angular/animations": "6.1.1",
"@angular/cdk": "6.4.2",
"@angular/common": "6.1.1",
"@angular/compiler": "6.1.1",
"@angular/core": "6.1.1",
"@angular/flex-layout": "6.0.0-beta.17",
"@angular/forms": "6.1.1",
"@angular/http": "6.1.1",
"@angular/material": "6.4.2",
"@angular/platform-browser": "6.1.1",
"@angular/platform-browser-dynamic": "6.1.1",
"@angular/pwa": "0.6.1",
"@angular/router": "6.1.1",
"@angular/service-worker": "6.1.1",
},
"devDependencies": {
"@angular-devkit/build-angular": "0.7.0",
"@angular/cli": "6.1.2",
"@angular/compiler-cli": "6.1.1",
"@angular/language-service": "6.1.1",
"@angularclass/hmr": "2.1.3",
"@types/jasmine": "2.8.6",
"@types/jasminewd2": "2.0.3",
"@types/node": "9.4.6",
"codelyzer": "4.3.0",
"jasmine-core": "2.99.1",
"jasmine-spec-reporter": "4.2.1",
"karma": "1.7.1",
"karma-chrome-launcher": "2.2.0",
"karma-coverage-istanbul-reporter": "2.0.0",
"karma-jasmine": "1.1.1",
"karma-jasmine-html-reporter": "0.2.2",
"protractor": "5.3.0",
"ts-node": "5.0.1",
"tslint": "5.9.1",
"typescript": "2.9.2"
}"angular-calendar": "0.24.1",
"angular-sortablejs": "2.6.0",
"chart.js": "2.7.2",
"chart.piecelabel.js": "0.9.0",
"classlist.js": "1.1.20150312",
"core-js": "2.4.1",
"hammerjs": "2.0.8",
"highlight.js": "9.12.0",
"lodash-es": "4.17.5",
"moment": "2.20.1",
"ngx-quill": "3.4.0",
"normalize.css": "7.0.0",
"quill": "1.3.6",
"rxjs": "6.2.2",
"rxjs-compat": "6.2.2",
"screenfull": "3.3.2",
"smooth-scrollbar": "8.2.6",
"sortablejs": "1.7.0",
"typings": "2.1.1",
"zone.js": "^0.8.20"Hi. I just purchased your template, and I have a simple question. How do you update a badge on a menu item after creation? Using “sidenavService.addItem” just adds the same item and I don’t see any other method And is there a way to show a badge with no text ?
OK for the badge update I did it my own way by changing the class of badge from string to Observable<string>. It works. I would rather have a way to use both Observable<string> and string but it’s already a good start.
How to use the displayFn (columns: ListColumn[]). i would like to format the date column in this
<ng-container *ngFor="let column of columns">
<ng-container *ngIf="column.isModelProperty" [matColumnDef]="column.property">
<mat-header-cell *matHeaderCellDef mat-sort-header> {{ column.name }}</mat-header-cell>
<mat-cell *matCellDef="let row">
{{ column.name }}
{{ row[column.property] }}
</mat-cell>
</ng-container>
</ng-container>Hi, I tested this template on the IE11 browser and I saw a lot of display problems. In the documentation it is written that it is fully compatible with IE11, why I have these problems? You can see these problems also using template’s preview function.
IE11 version: 11.165.17134.0
Thanks
Team,
Is there HTML version of this template. If so Could you please provide the same.
Hi team,
Fury – Angular 6+ Material design Admin template – I have bought this template but it don’t include following items.
1.) Profile 2.) Timeline 3.) Theme
Can you please include these features as I have seen online, most of the templates include these features?
It would be help if you can add and send me updates.
Regards Vinod Kumar
We’ll look into this, if you’re in a hurry, check out our elastic ui template, which includes those items! 
Hello I have problem running your Theme template i get error as following
Could not find module ”@angular-devkit/build-angular” from “F:\\Angular\\projects\\fury”. Error: Could not find module ”@angular-devkit/build-angular” from “F:\\Angular\\projects\\fury”. at Object.resolve (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\core\node\resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\src\architect.js:132:40) at Observable._trySubscribe (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:43:25) at Observable.subscribe (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:29:22) at DoOperator.call (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\tap.js:29:23) at Observable.subscribe (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:24:22) at C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeTo.js:22:31 at Object.subscribeToResult (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\util\subscribeToResult.js:7:45) at MergeMapSubscriber._innerSub (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:75:38) at MergeMapSubscriber._tryNext (C:\Users\jal_tyousif\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:72:14)
my old problem fixed when I install npm install—save-dev @angular-devkit/build-angular
now, error is
You seem to not be depending on ”@angular/core” and/or “rxjs”. This is an error.
I think you did not “npm install”. Our package.json includes everything needed to run this template. It’s one command and you’re ready to go, please try starting clean and simply following the documentation. Thanks a lot!
In IE – 11.165.17124.0 Update versions: 11.0.75 the design does not work
Hello, does this theme has its own generator? Cause I want to combine this theme with jhipster – is this possible? Thanks in advance
Hello, I have purchased your template a week ago and bumped into problem that I can’t solve myself. Please, help me asap!
So my problem is that I want to use some of your widgets in my site, at custom pages that I create. To be speciffic, I have a folder with main.component.ts file, that serves as a main page component. I want to use <fury-advanced-pie-chart-widget> tag in html file of my component and would like to do so as easy as possible.
Things I have tried were extending your dashbord.component, copying it’s content, rewriting it. Nothing is helping and I can’t find any solution. Later I will create more pages and their components and would like to find some algorithm or instruction to use your templates functionality.
Please, reply as soon as posible for me to not go mad)
First of all you should describe the steps you tried better, as we can’t know what you tried and what failed. Second this account you’re writing from sadly has not purchased this item, so we cannot give any support. If you do have purchased our item, simply leave a new comment with the account that bought it. Thanks!
Hi, I have just recently purchased the item with an update of Angular 6. I am facing a problem in Mac OS, that when i am executing the command npm install it is getting an error. Here below mentioned are the logs.
Prashants-MacBook-Air:Project_Management prashant$ sudo npm install
> fsevents@1.2.4 install /Users/prashant/Project_Management/node_modules/fsevents > node install
[fsevents] Success: ”/Users/prashant/Project_Management/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node” already installed Pass—update-binary to reinstall or—build-from-source to recompile
> node-sass@4.9.0 install /Users/prashant/Project_Management/node_modules/node-sass > node scripts/install.js
Unable to save binary /Users/prashant/Project_Management/node_modules/node-sass/vendor/darwin-x64-57 : { Error: EACCES: permission denied, mkdir ’/Users/prashant/Project_Management/node_modules/node-sass/vendor’ at Object.fs.mkdirSync (fs.js:885:18) at sync (/Users/prashant/Project_Management/node_modules/mkdirp/index.js:71:13) at Function.sync (/Users/prashant/Project_Management/node_modules/mkdirp/index.js:77:24) at checkAndDownloadBinary (/Users/prashant/Project_Management/node_modules/node-sass/scripts/install.js:114:11) at Object.<anonymous> (/Users/prashant/Project_Management/node_modules/node-sass/scripts/install.js:157:1) at Module._compile (module.js:652:30) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) errno: -13, code: ‘EACCES’, syscall: ‘mkdir’, path: ’/Users/prashant/Project_Management/node_modules/node-sass/vendor’ }
> node-sass@4.9.0 postinstall /Users/prashant/Project_Management/node_modules/node-sass > node scripts/build.js
Building: /usr/local/bin/node /Users/prashant/Project_Management/node_modules/node-gyp/bin/node-gyp.js rebuild—verbose—libsass_ext=—libsass_cflags=—libsass_ldflags=—libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ ’/usr/local/bin/node’,
gyp verb cli ’/Users/prashant/Project_Management/node_modules/node-gyp/bin/node-gyp.js’,
gyp verb cli ‘rebuild’,
gyp verb cli ‘—verbose’,
gyp verb cli ‘—libsass_ext=’,
gyp verb cli ‘—libsass_cflags=’,
gyp verb cli ‘—libsass_ldflags=’,
gyp verb cli ‘—libsass_library=’ ]
gyp info using node-gyp@3.7.0
gyp info using node@8.11.3 | darwin | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing “build” directory
gyp verb command configure []
gyp verb check python checking for Python executable “python2” in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed at getNotFoundError (/Users/prashant/Project_Management/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/prashant/Project_Management/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/prashant/Project_Management/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed python2 { Error: not found: python2
gyp verb `which` failed at getNotFoundError (/Users/prashant/Project_Management/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/prashant/Project_Management/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/prashant/Project_Management/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/prashant/Project_Management/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed stack: ‘Error: not found: python2\n at getNotFoundError (/Users/prashant/Project_Management/node_modules/which/which.js:13:12)\n at F (/Users/prashant/Project_Management/node_modules/which/which.js:68:19)\n at E (/Users/prashant/Project_Management/node_modules/which/which.js:80:29)\n at /Users/prashant/Project_Management/node_modules/which/which.js:89:16\n at /Users/prashant/Project_Management/node_modules/isexe/index.js:42:5\n at /Users/prashant/Project_Management/node_modules/isexe/mode.js:8:5\n at FSReqWrap.oncomplete (fs.js:152:21)’,
gyp verb `which` failed code: ‘ENOENT’ }
gyp verb check python checking for Python executable “python” in the PATH
gyp verb `which` succeeded python /usr/bin/python
gyp verb check python version `/usr/bin/python -c “import platform; print(platform.python_version());”` returned: “2.7.10\n”
gyp verb get node dir no—target version specified, falling back to host node version: 8.11.3
gyp verb command install [ ‘8.11.3’ ]
gyp verb install input version string “8.11.3”
gyp verb install installing version: 8.11.3
gyp verb install—ensure was passed, so won’t reinstall if already installed
gyp verb install version is already installed, need to check “installVersion”
gyp verb got “installVersion” 9
gyp verb needs “installVersion” 9
gyp verb install version is good
gyp verb get node dir target node version installed: 8.11.3
gyp verb build dir attempting to create “build” dir: /Users/prashant/Project_Management/node_modules/node-sass/build
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir ’/Users/prashant/Project_Management/node_modules/node-sass/build’
gyp ERR! System Darwin 17.5.0
gyp ERR! command ”/usr/local/bin/node” ”/Users/prashant/Project_Management/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=”
gyp ERR! cwd /Users/prashant/Project_Management/node_modules/node-sass
gyp ERR! node -v v8.11.3
gyp ERR! node-gyp -v v3.7.0
gyp ERR! not ok
Build failed with error code: 1
> @angular/cli@6.0.8 postinstall /Users/prashant/Project_Management/node_modules/@angular/cli > node ./bin/ng-update-message.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.0 (node_modules/node-sass): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.0 postinstall: `node scripts/build.js` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
added 1154 packages in 27.863s
I am having the configurations as follows, Angular CLI: 6.0.8 Node: 8.11.3 OS: darwin x64 Angular: 6.0.6 Npm: 5.6.0
Can you help me in setting the environment.
Try calling npm install without sudo. That shouldn’t be necessary. If that doesn’t help, try re-installing npm correctly according to the npm docs. This is definitely not related to Fury, but rather to your setup.
Dear Support,
I am getting this error “FuryAspectRatio: AspectRatioContent Element is not defined.”
I have created a component and using “furyAspectRatio” directive in it. Can you please what I am missing here?
Regards Vinod Kumar
Hey! Check out the examples in the dashboard.component.html, you’ll need to add the furyAspectRatioContent directive to the element you want the aspectRatio to happen on.
How can I update to Angular 6 from the previous release? I can’t find the diff file to know what to change
I have a problem with I’m in production. The style scss is not the same as my dev environment specially about Google’s font.
How can I use roboto google’s font in local ? I’ve created a roboto scss file with the content of this url (https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700) but in this file there are a lot of diffrent url called for roboto font.
Thank you very much
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
