creativeit / material-angular-dashboard Goto Github PK
View Code? Open in Web Editor NEWMaterial Angular Admin Template
Home Page: http://material-angular-dashboard.creativeit.io/
License: MIT License
Material Angular Admin Template
Home Page: http://material-angular-dashboard.creativeit.io/
License: MIT License
Should look the same as when the page loads
I see native checkboxes, layout is broken, placeholder stays when I type in something
Load demo page, delete all TODO items, start adding new ones
Ubuntu 18.04, Google Chrome Version 70.0.3538.110 (Official Build) (64-bit)
Hi, really love the project. I would like to ask if this is also compatible with https://material.angular.io/ components?
Best regards.
Huy Nguyen
Since lock files appeared in npm, there is no valuable reason to use yarn anymore:
https://medium.com/@vincentnewkirk/npm-vs-yarn-2019-e88757b17038
https://iamturns.com/yarn-vs-npm-2018/
mock login
Hi- I'm having a lot of trouble figuring out how to extend this code for my project, specifically how to re-use your custom elements like "base-card", "app-sliders", etc. I'm still relatively new to Angular code organization.
For example, I tried to figure out how your "base-card" element finds its way into ChartsComponent, and using that as an template for how to have elements in my new pages. It appears (see diagram) that this comes across via ThemeModule. But when I clone all the files in charts/ and swap all "chart" names with, say, "about" to create a new About page, I get nothing but errors like "Template parse errors: 'base-card' is not a known element".
Do you have a step-by-step suggestion for how to create a new page that can leverage all your beautiful components?
build the production bundles
ERROR in : Can't bind to 'htmlFor' since it isn't a known property of 'ng-component'.
ng build --prod
clone this repo
Angular CLI: 8.2.2
Node: 10.16.3
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
@angular-devkit/architect 0.802.2
@angular-devkit/build-angular 0.802.2
@angular-devkit/build-optimizer 0.802.2
@angular-devkit/build-webpack 0.802.2
@angular-devkit/core 8.2.2
@angular-devkit/schematics 8.2.2
@angular/cdk 8.2.3
@angular/cli 8.2.2
@angular/material 8.2.3
@ngtools/webpack 8.2.2
@schematics/angular 8.2.2
@schematics/update 0.802.2
rxjs 6.4.0
typescript 3.5.3
webpack 4.38.0
Upgrade angular version to 7.1.x
Current version is 6.0.x
I should be able to select dropdown value smoothly in the form controls with just a single click.
We had to click the drop down twice to get the values listed.
Navigate to UI > Forms > Profile Info > Location drop down and try to select a value.
I went and checked http://creativeit.io/material-dashboard-lite to verify if that was the case there as well. But I don't see any issue there.
Load demo page and go to Menu -> Components -> Avatars and controls list
The resolution is 1166px X 801px.
I notice that only if the width has even numbers the graphic issue appear. (1166px, 1218px, 1264px ...)
macOS Mojave v. 10.14.1 - Google Chrome Version 70.0.3538.110 (Official Build) (64-bit)
Create table with pagination
from your example you have advance table with the following column for button
<td class="mdl-data-table__cell--non-numeric">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal">Add to
cart
</button>
</td>
I added my (click)="createTrx" in
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" (click)="createTrx">Add to
cart
</button>
But you have output html like this
<td _ngcontent-ldk-c105="" class="mdl-data-table__cell--non-numeric">
<button _ngcontent-ldk-c105="" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" data-upgraded=",MaterialButton,MaterialRipple">Add to cart
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
</td>
How can I add my click function?
After git clone
, yarn install
, running ng serve
should compile successfully and serve the dashboard.
ng serve
returns an error and fails to compile the project:
ERROR` in src/app/pages/forms/forms.module.ts(4,38): error TS2307: Cannot find module 'ng-getmdl-select'.
src/app/pages/ui/ui.module.ts(3,38): error TS2307: Cannot find module 'ng-getmdl-select'.
i 「wdm」: Failed to compile.
High
Select has to pop up select options
No options on click.
filters.component.html error: type string is not assignable to type {[p: string]: string} for currentValue.
browser console: this.menu is undefiend; - on click + this.dropdown is undefined; - on load
install the project -> run -> go to custom dashboard
On angular 9 and 10 updates
When i built this project by command ng build
for the test environment,the result is normal and correct.But when i take the command ng build --prod
for the production environment,the result always be wrong,The error Info is:
ERROR in : Can't bind to 'htmlFor' since it isn't a known property of 'ng-component'.
1. If 'htmlFor' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR ->]")
I have downloaded the latest code and installed the dependencies ,i don't have any changement of the code,but i got the same error.
Expected behavior
Upgrade angular version to 8.0
Actual behavior
Current version is 7.x.x
Steps to reproduce the behavior
Relevant code
Dropdown in Profile Info must be full shown
Profile Info on page 'UI > Forms' have strange overflow for dropdown
https://prnt.sc/lrjiak
Go to page 'UI > Forms'.
In Profile Info block click on Dropdown.
ERROR in ./src/theme/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!
./src/theme/styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: File to import not found or unreadable: ~ag-grid-community/src/styles/ag-theme-material/resources/material-legacy-var-names.
on line 1 of src/theme/scss/ag-theme-darkboard-vars.scss
from line 4 of C:\Users\insal\CommercialProjects\material-angular-dashboard-master\src\theme\styles.scss
@import "~ag-grid-community/src/styles/ag-theme-material/resources/material-
^
Hi, I'm trying to implement material dialog in my project but the dialog opens at the bottom of the layout with green background.
Anyone else having the same issue?
has to close on close button
it is not closing
run app and open contact us dialog
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.