Discussion on Material Wrap - Admin Dashboard Template

Discussion on Material Wrap - Admin Dashboard Template

Cart 594 sales
Well Documented

authenticgoods supports this item

Supported

211 comments found.

Hi!

I just bought it and as I said in the comments I need a bell with notification on top, as most dashboards have, do you have a piece of code already ready with it?

Thank you very much.

There’s one at the top of the jQuery version, do you need one on the Angular version?

Correct, I use the Angular version and I need one.

Ok no problem, you can change out the color dropper icon at the top for the bell icon. It uses the same icon set and actions. So you’ll change out this class ‘zmdi-invert-colors’ for this one ’ zmdi-notifications’ Please let me know if you have any questions or need any further help.

Hi!

Before buying would you like to know if it has available in any of the models that the notification bell will come on top in navbar? The model you are testing does not have it, so I ask.

Will I be able to use the material 2 components normally?

Ready for Angular 4?

Thank you very much.

Hugs.

Ok one last question regarding the license:

I want to use the template for a system of mine that I sell a monthly subscription and that my clients access, can I use your template so I will not be infringing the license?

Many thanks for the quick answers, including that was the reason that made me choose yours among so many.

Ok, I have seen that you have responded upstairs to another customer that all material is MIT license, so I will buy now.

Thank you very much.

Hi, Thank you very much! Please let me know if you have any more questions.

Whenever I try to use DataTables I get response: organization:414 Uncaught TypeError: $(...).DataTable is not a function at HTMLDocument.<anonymous> (organization:414) at l (vendor.bundle.js:2) at Object.fireWith [as resolveWith] (vendor.bundle.js:2) at Function.ready (vendor.bundle.js:2) at HTMLDocument.a (vendor.bundle.js:1)

Did you start with the Seed Project? If so, you’ll want to add the DataTables plugin like it has in the full project.

And how is DataTables pluging added in full project? Are all of fancy datatable controls hardcoded for example or are there some classes or methods I need to use to initialize them?

For the jQuery project, the plugins get loaded through bower and the gulp process will create the vendor.bundle.js file that contains all of the plugins. The plugins get instantiated on the js files inside of app/js/modules/*

Hi, i have a little problem here,

What i supposed to do to custom “fab-menu” button, because it didn’t work when i used it in datatable server side mode ? Thank’s

Hi, Sorry, but I do not understand what you’re asking.

so, what i meant is that i have table with ‘datatable’ plugin and for the action button i use button with ‘fab-menu’ class. So, for some reasons i need to retrieve data with ajax (server side), and when retrieving data is complete i check my button with ‘fab-menu’ class, but it couldn’t work. can you help me to find the issue ! thank’s

I’ll probably need to take a look at it, do you have a demo of it online? If you prefer you can email it to me support@authenticgoods.co

hi

Great job!!

Could you put ngx-translate?

thanks

Hi – Let me look into it a little more. I’ve never used it, but it seems fairly straight forward to install.

hi

Great job!!

Could you put ngx-translate?

thanks

Hi getting following error, followed above steps but still getting error.

Any help!!

ERROR in C:/Theme/Material Wrap Theme/MaterialWrap-v1.6/angular4-full/src/app/pages/mail/mail.module.ts (6,37): Cannot find module ‘ng2-search-filter’. ERROR in Error: Error encountered resolving symbol values statically. Could not resolve ng2-search-filter relative to C:/Theme/Material Wrap Theme/MaterialWrap-v1.6/angular4-full/src/app/pages/mail/mail.module.ts., resolving symbol Mail Module in C:/Theme/Material Wrap Theme/MaterialWrap-v1.6/angular4-full/src/app/pages/mail/mail.module.ts, resolving sy mbol MailModule in C:/Theme/Material Wrap Theme/MaterialWrap-v1.6/angular4-full/src/app/pages/mail/mail.module.ts at Error (native) at syntaxError (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angular\compiler\bundle s\compiler.umd.js:1729:34) at simplifyInContext (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angular\compiler\ bundles\compiler.umd.js:24979:23) at StaticReflector.simplify (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angular\co mpiler\bundles\compiler.umd.js:24991:13) at StaticReflector.annotations (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angular \compiler\bundles\compiler.umd.js:24418:41) at _getNgModuleMetadata (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angular\compil er-cli\src\ngtools_impl.js:138:31) at _extractLazyRoutesFromStaticModule (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@ angular\compiler-cli\src\ngtools_impl.js:109:26) at includeLazyRouteAndSubRoutes (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angula r\compiler-cli\src\ngtools_impl.js:66:25) at Array.reduce (native) at includeLazyRouteAndSubRoutes (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angula r\compiler-cli\src\ngtools_impl.js:67:26) at Array.reduce (native) at Object.listLazyRoutesOfModule (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\@angul ar\compiler-cli\src\ngtools_impl.js:54:36) at Function.NgTools_InternalApi_NG_2.listLazyRoutes (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\ node_modules\@angular\compiler-cli\src\ngtools_api.js:91:39) at AotPlugin._getLazyRoutesFromNgtools (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4-full\node_modules\ @ngtools\webpack\src\plugin.js:207:44) at _donePromise.Promise.resolve.then.then.then.then.then (C:\Theme\Material Wrap Theme\MaterialWrap-v1.6\angular4- full\node_modules\@ngtools\webpack\src\plugin.js:443:24) at process._tickCallback (internal/process/next_tick.js:109:7)

Hi, Be sure your Node and NPM are updated to the latest version. Then run this command this command: npm install typings -g

Hi. I download the new version 1.6 but tell me many errors on run ng serve

SO: windows 10 node: 6.10.2 npm: 3.10.10 ng-cli: 1.2.7

Errors: /angular4-full/src/app/shared/shared.module.ts (33,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSlideToggleModule’. /angular4-full/src/app/shared/shared.module.ts (11,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdAutocompleteModule’. /angular4-full/src/app/shared/shared.module.ts (13,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdButtonToggleModule’. /angular4-full/src/app/shared/shared.module.ts (14,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdCardModule’. /angular4-full/src/app/shared/shared.module.ts (15,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdCheckboxModule’. /angular4-full/src/app/shared/shared.module.ts (16,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdChipsModule’. /angular4-full/src/app/shared/shared.module.ts (17,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdDatepickerModule’. /angular4-full/src/app/shared/shared.module.ts (18,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdDialogModule’. /angular4-full/src/app/shared/shared.module.ts (19,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdExpansionModule’. /angular4-full/src/app/shared/shared.module.ts (20,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdGridListModule’. /angular4-full/src/app/shared/shared.module.ts (21,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdIconModule’. /angular4-full/src/app/shared/shared.module.ts (22,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdInputModule’. /angular4-full/src/app/shared/shared.module.ts (23,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdListModule’. /angular4-full/src/app/shared/shared.module.ts (24,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdMenuModule’. /angular4-full/src/app/shared/shared.module.ts (25,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdNativeDateModule’. /angular4-full/src/app/shared/shared.module.ts (26,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdProgressBarModule’. /angular4-full/src/app/shared/shared.module.ts (27,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdProgressSpinnerModule’. /angular4-full/src/app/shared/shared.module.ts (28,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdRadioModule’. /angular4-full/src/app/shared/shared.module.ts (29,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdRippleModule’. /angular4-full/src/app/shared/shared.module.ts (30,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSelectModule’. /angular4-full/src/app/shared/shared.module.ts (31,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenavModule’. /angular4-full/src/app/shared/shared.module.ts (32,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSliderModule’. /angular4-full/src/app/shared/shared.module.ts (12,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdButtonModule’. /angular4-full/src/app/shared/shared.module.ts (34,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSnackBarModule’. /angular4-full/src/app/shared/shared.module.ts (35,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdTabsModule’. /angular4-full/src/app/shared/shared.module.ts (36,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdToolbarModule’. /angular4-full/src/app/shared/shared.module.ts (37,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdTooltipModule’. /angular4-full/src/app/shared/shared.module.ts (38,2): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘StyleModule’. /angular4-full/src/app/shared/components/fab/fab.component.ts (18,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdButton’. /angular4-full/src/app/pages/dashboards/dashboards.component.ts (11,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/ecommerce/ecom-settings/ecom-settings.component.ts (15,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSelectChange’. /angular4-full/src/app/pages/file-manager/file-manager.component.ts (11,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/forms/form-elements/form-elements.component.ts (3,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSelectChange’. /angular4-full/src/app/pages/locations/locations.component.ts (11,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/mail/mail.component.ts (12,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/mail/mail.module.ts (6,37): Cannot find module ‘ng2-search-filter’. /angular4-full/src/app/pages/notes/notes.component.ts (15,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/detached-toolbar-left/detached-toolbar-left.component.ts (4,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/detached-toolbar-right/detached-toolbar-right.component.ts (4,10): Module ’” /angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/left-side-nav-v1/left-side-nav-v1.component.ts (13,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/left-side-nav-v2/left-side-nav-v2.component.ts (4,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/right-side-nav-v1/right-side-nav-v1.component.ts (13,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/page-layouts/right-side-nav-v2/right-side-nav-v2.component.ts (4,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. /angular4-full/src/app/pages/user-interface/icons/icons.component.ts (13,10): Module ’”/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdSidenav’. ERROR in Error: MdAutocompleteModule is not an NgModule at _getNgModuleMetadata (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:140:15) at _extractLazyRoutesFromStaticModule (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:109:26) at \angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27 at Array.reduce (native) at _extractLazyRoutesFromStaticModule (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10) at \angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27 at Array.reduce (native) at _extractLazyRoutesFromStaticModule (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10) at Object.listLazyRoutesOfModule (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_impl.js:53:22) at Function.NgTools_InternalApi_NG_2.listLazyRoutes (\angular4-full\node_modules\@angular\compiler-cli\src\ngtools_api.js:91:39) at AotPlugin._getLazyRoutesFromNgtools (\angular4-full\node_modules\@ngtools\webpack\src\plugin.js:207:44) at _donePromise.Promise.resolve.then.then.then.then.then (\angular4-full\node_modules\@ngtools\webpack\src\plugin.js:443:24) at process._tickCallback (internal/process/next_tick.js:109:7)

Materail2 released more breaking changes and your npm install rounded you up to the .12 breaking version, It’s an easy fix though.

Delete your “node_modules” folder, delete your “package-lock.json” file. Open up your package.json file, and remove the ^ for these 2 packages:

"@angular/cdk": "^2.0.0-beta.11" 
"@angular/material": "^2.0.0-beta.11" 

Then run your npm install again.

Hi is there a feature for TOCIFY in this theme ? thank’s

yes that’s what i mean.

yes that’s what i mean.

No table of contents plugin for this template.

For angular material ver 2.0.0-beta.12 the Md prefix has been removed and you should use Mat prefix everywhere. Is there any plan for you to do the upgrade?

Yes, I’m aware and they have many more breaking changes. In fact they’ve had back to back breaking changes from x.10 to x.11. to x.12 They’re releasing these breaking changes so fast I’ve decided that it’ll be best to keep MaterialWrap fixed at x.11 until they’re out of beta.

Thanks, I will stick to version x.11. I think you should change npm material dependecies from “^2.0.0-beta.11” to simple”2.0.0-beta.11”

Yes, I’ll update that this weekend…thank you.

Hello,

Angular CLI demo supported from horizontal menu?

Sorry not yet.

Hello,

We contemplate the license of Material Wrap – Material Design Multipurpose Admin Theme under your regular License. According to the Extended License, some of the items offered for license might subject to GPL or other open source license terms.

We would appreciate if you confirm to us that the Material Wrap – Material Design Multipurpose Admin Theme is not subject to any open source license terms?

we would like to use this admin theme to develop our SaaS application on top of it, therefore in the future we would like to charge our customers for using our service via this dashboard that we develop.

Can please also clarify that this item is proprietary and licensed free from source code limitations?

We would like to ensure that using this item will not expose our product code in any case.

Thanks, Tamir

Yes, all open source code being used is free from limitations and under the MIT License (MIT).

Hi i have a little problem here, i used Horizontal FAB from button component in my datatable, it works, just from the first row to tenth row, but from eleventh row until end the button isn’t working, can you help me? thank’s

It sounds like you need to reinitialize any JavaScript code that’s tied to the fab button whenever the pagination gets clicked.

Thank’s it works

Hello

I have used your theme for my project .

I am not able to use any plugin.

I am following all steps , npm install , register in app module and imports ,

But when i am trying to use it in pages , I got an error it is not registered in module.

I have tried below plugin

https://www.npmjs.com/package/ng2-rating https://aberezkin.github.io/ng2-image-upload/#/demo https://github.com/ngx-translate/core

If you use SystemJS to load your files, you can check the plunkr example for a working setup that uses the cdn https://unpkg.com/. If you’re importing directly from node_modules, you should edit your systemjs config file and add ’@ngx-translate/core’: ‘node_modules/@ngx-translate/core/bundles’ in the map and ’@ngx-translate/core’ : { defaultExtension: ‘js’ } in packages.

did i miss any configuration ?

please help me out .

I need urgent help

Regard khushbu

I have Added import {Component} from ”@angular/core”; also

Do I need to below code to anywhere

If you are using system.js you may want to add this into map and package config:

{ “map”: { “ng2-rating”: “node_modules/ng2-rating” }, “packages”: { “ng2-rating”: { “main”: “index.js”, “defaultExtension”: “js” } } }

You don’t need that, we’re not using system.js According to your console error it looks like you have an issue with your NgModule. Did you also add the RatingModule to your imports?

@NgModule({
    imports: [
        // ... 
        RatingModule
    ],

If you have any more questions about this, please email me support@authenticgoods.co

Hello AuthenticGoods,

Before all, really like your product. I’m happy with the quality of the code and so far, the integration went well.

I got a question regarding your last release. I received a notification from themeforest that you did push some changes in your template.

I like sustaining, it’s great. I just don’t know how can I proceed to an upgrade. Have you got any suggestion on how I can patch my app?

Have you got a list of bugs you fixed?

What I will try, is to use git to reverse engineering the change you did on the project. Obviously not ideal but doesn’t know what else to do now.

Have you got a git project for this theme?

Thanks!

Quentin

Hi,

I’ve listed out the changes in the changelog on the sale page.

I understand listing the changes out this way doesn’t help very much and I’m really not happy with this process. I’m currently trying to figure out how some of the other Authors on TF are able to create a private repo on Github and allow anyone who has purchased their theme access. I contacted Github about this and they told me that I would have to pay an extra monthly fee for each user, which would be very costly.

So I soon as I can figure out the logistics of it, I will put the project in a private repo and give you access to it that way.

Hey Quentin,

Good news, I believe I have everything configured for the Github repo. I’m going to work on a way to start adding collaborators, but if you’re interested I can go ahead and get you added first. If you just want to email me your Purchase Code and your Github username to support@authenticgoods.co , I’ll go ahead and get you added.

after ng serve, I got those error

WARNING in ./src/app/shared/shared.module.ts 83:16-28 “export ‘MdCoreModule’ was not found in ’@angular/material’

WARNING in ./src/app/shared/shared.module.ts 147:16-28 “export ‘MdCoreModule’ was not found in ’@angular/material’

ERROR in /Users/myname/angular4/angular4-full/src/app/shared/shared.module.ts (17,2): Module ’”/Users/myname/angular4/angular4-full/node_modules/@angular/material/material”’ has no exported member ‘MdCoreModule’.

ERROR in MdCoreModule is not an NgModule webpack: Failed to compile.

Hi,

Please email me your package.json file and your package-lock.json file to support@authenticgoods.co

I comment out MdCoreModule in shared.module.ts then it’s worked.

You’re probably going to need the MdCoreModule. Be sure you have the cdk installed ”@angular/cdk”: “2.0.0-beta.8” and everything should compile properly. Did you happen to change the Material version or did you leave it set to ”@angular/material”: “2.0.0-beta.8”

Please take a look at this thread… https://github.com/angular/material2/issues/5559

Hey,

Thanks for let me know, I’ll look into this asap!

Hello Sir,

I purchased Material Wrap – Multipurpose Admin Theme , for Angular 4.

I am Using Base modal . How can I increase width of base modal ? I have Tried Fullwidth but it covers full page.

I am using below code. <!-Code->

2) I have used Ng2-rating for display star https://www.npmjs.com/package/ng2-rating

I have follow all the steps ,declare it in module still it is giving me below error .

Error -> ERROR Error: Uncaught (in promise): Error: Template parse errors: ‘rating’ is not a known element: 1. If ‘rating’ is an Angular component, then verify that it is part of this module.

Do i need to register it anywhere else also , currently i have added it into app.module.ts

waiting for your response

Hello,

1) Please take a look at the _modal.scss file located in src/app/shared/styles/main/components/_modals.scss There you can find all of the break points for the modal sizes and adjust them accordingly to your needs.

2) We currently do not have that rating package in our project, so unfortunately we will not be able to support that for you. I’ve not read their documentation and not sure how it’s suppose to work. It looks pretty cool though, hopefully you can figure out…good luck.

I have this error running: ng serve WARNING in ./src/app/shared/shared.module.ts 49:16-28 "export 'MdCoreModule' was not found in '@angular/material' WARNING in ./src/app/shared/shared.module.ts 96:16-28 "export 'MdCoreModule' was not found in '@angular/material' ERROR in C:/workspace/bap/src/app/shared/shared.module.ts (17,2): Module '"C:/wo rkspace/bap/node_modules/@angular/material/material"' has no exported member 'Md CoreModule'. ERROR in MdCoreModule is not an NgModule ERROR in C:/workspace/bap/src/app/shared/shared.module.ts (17,2): Module '"C:/wo rkspace/bap/node_modules/@angular/material/material"' has no exported member 'Md CoreModule'. webpack: Failed to compile.

Hi,

Please email me your package.json file and your package-lock.json file to support@authenticgoods.co

Hello!

I just bought your template. I was really happy to see that you included the typescript files instead of the js files.

First of all, in order to be able to build the angular seed, I had to make changes to packages.json in order to install the exact versions you had in the file. Newer versions, such as @angular/material require changes in the project’s code.

BUT… you don’t use webpack in the angular version. Why?

Hi,

The Angular project is built on the Angular CLI https://cli.angular.io which is super handy, but they like to hide a bunch of the config files including webpack. In order to see your webpack file you’ll need to “eject” the project. https://github.com/angular/angular-cli/wiki/eject

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