Style Issue - Githubissues

With due respect I want to inform you that this is superb Theme. But the issue i am facing is that when i change in userprofile template everything Ok but when i bind it with component like [(ngModel)]="name" then its style change by default color to green color so please let me know what i have to do. Help would be appreciated

Hi @MalikRizwanAwan. Can you show me some images and the steps to reproduce the error?

Respected Sir Both screenshot are mentioned here the circle one is actual one and the other one with green color have different style.I want it just like actual. It is ok when i use it simply but when i use binding property of angular its style distrub kindly guide me help would be appreciated On Tue, Nov 6, 2018 at 2:47 PM Chelaru Ciprian notifications@github.com wrote:

Reopened #49 https://github.com/creativetimofficial/material-dashboard-angular2/issues/49 .

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-dashboard-angular2/issues/49#event-1948453157, or mute the thread https://github.com/notifications/unsubscribe-auth/AhnmmB1mzUMGfkx2bZxT4M1JJoaFrMlKks5usVqhgaJpZM4YOOUv .

other problem is that drop down is not working here

On Tue, Nov 6, 2018 at 3:42 PM Rizwan Awan rizwan.345awan@gmail.com wrote:

Respected Sir Both screenshot are mentioned here the circle one is actual one and the other one with green color have different style.I want it just like actual. It is ok when i use it simply but when i use binding property of angular its style distrub kindly guide me help would be appreciated On Tue, Nov 6, 2018 at 2:47 PM Chelaru Ciprian notifications@github.com wrote:

Reopened #49 https://github.com/creativetimofficial/material-dashboard-angular2/issues/49 .

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-dashboard-angular2/issues/49#event-1948453157, or mute the thread https://github.com/notifications/unsubscribe-auth/AhnmmB1mzUMGfkx2bZxT4M1JJoaFrMlKks5usVqhgaJpZM4YOOUv .

@chelaruc sir i am waiting for your precious response

@MalikRizwanAwan please send the screenshots again from your GitHub account

actual error

these both are the screen shoot value with encircle having indigo color is orignal one but the problem is that when i use angular5 property binding its give the green color by default and cant use steeper in it

@chelaruc hope you got it

@MalikRizwanAwan you need to go in src/assets/scss/core/_forms.scss and delete the lines 411 to 425. Best, Ciprian

Thanks alot bunddle of thanks sir Its work for me .Just superb working by you <3 now i am getting problem for select option @chelaruc . I want a drop down menu but when i use select option its give me following error and style problem which i have mentioned in screenshoot style

orignal This is our orignal style. but i am getting above problem. I would be really thankful to you for such kind of favour

@MalikRizwanAwan what code do you have in HTML?

In HTML here is not any orignal code for Select or dropdown option

i am using

                                        </div> @chelaruc

@chelaruc unfortunatelly i couldn't post the code which i am using by searching from internet. Now here it is in txt form code.txt

@chelaruc The beautiful and superb theme provided by you have no builtIn dropdown menu or option

option @chelaruc sorry to inform you that i have already used this option and links but out is nill. Here i am again mentioning the screenshoot of my output while i use this one

@MalikRizwanAwan add this:

import {
  MatInputModule,
  MatSelectModule,
} from "@angular/material";

to your app.module.ts file and import them to imports from NgModule

Its already there i have done this before

have you used <mat-form-field>?

yes used but no postive response

and how it looks now? give me the code again

code.txt the above one is code which i am using and below one is its output dropdown

If i not use this option everything works fine

@MalikRizwanAwan change your package.json with:

{
  "name": "material-dashboard-angular",
  "version": "2.1.1",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "engines": {
    "node": "6.11.1",
    "npm": "3.10.9"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "1.0.0-beta.5",
    "@angular/animations": "^7.0.2",
    "@angular/cdk": "7.0.2",
    "@angular/common": "^7.0.2",
    "@angular/compiler": "^7.0.2",
    "@angular/core": "^7.0.2",
    "@angular/forms": "^7.0.2",
    "@angular/http": "^7.0.2",
    "@angular/material": "7.0.2",
    "@angular/platform-browser": "^7.0.2",
    "@angular/platform-browser-dynamic": "^7.0.2",
    "@angular/platform-server": "7.0.2",
    "@angular/router": "^7.0.2",
    "ajv": "6.4.0",
    "arrive": "2.4.1",
    "bootstrap": "4.1.0",
    "bootstrap-material-design": "4.1.1",
    "bootstrap-notify": "3.1.3",
    "chartist": "0.11.0",
    "classlist.js": "1.1.20150312",
    "core-js": "2.4.1",
    "express": "^4.16.3",
    "googleapis": "28.1.0",
    "hammerjs": "2.0.8",
    "jquery": "3.2.1",
    "moment": "2.22.1",
    "perfect-scrollbar": "1.1.0",
    "popper.js": "1.14.3",
    "rxjs": "^6.3.3",
    "rxjs-compat": "^6.3.3",
    "web-animations-js": "2.3.1",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "^6.0.3",
    "@angular/compiler-cli": "7.0.2",
    "@angular/language-service": "7.0.2",
    "@types/bootstrap": "3.3.32",
    "@types/chartist": "0.9.34",
    "@types/googlemaps": "^3.30.8",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "1.10.31",
    "@types/node": "6.0.73",
    "codelyzer": "4.2.1",
    "jasmine-core": "3.1.0",
    "jasmine-spec-reporter": "4.2.1",
    "karma": "2.0.0",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "1.4.2",
    "karma-jasmine": "1.1.1",
    "protractor": "5.3.1",
    "ts-node": "5.0.1",
    "tslint": "5.9.1",
    "typescript": "3.1.6",
    "@angular-devkit/build-angular": "~0.6.3"
  }
}

delete node_modules folder and package-lock.json, run npm install and ng serve again

Thanks alot its solve my problem

On Wed, Nov 7, 2018 at 3:24 PM Chelaru Ciprian notifications@github.com wrote:

@MalikRizwanAwan https://github.com/MalikRizwanAwan change your package.json with:

{ "name": "material-dashboard-angular", "version": "2.1.1", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "engines": { "node": "6.11.1", "npm": "3.10.9" }, "private": true, "dependencies": { "@agm/core": "1.0.0-beta.5", "@angular/animations": "^7.0.2", "@angular/cdk": "7.0.2", "@angular/common": "^7.0.2", "@angular/compiler": "^7.0.2", "@angular/core": "^7.0.2", "@angular/forms": "^7.0.2", "@angular/http": "^7.0.2", "@angular/material": "7.0.2", "@angular/platform-browser": "^7.0.2", "@angular/platform-browser-dynamic": "^7.0.2", "@angular/platform-server": "7.0.2", "@angular/router": "^7.0.2", "ajv": "6.4.0", "arrive": "2.4.1", "bootstrap": "4.1.0", "bootstrap-material-design": "4.1.1", "bootstrap-notify": "3.1.3", "chartist": "0.11.0", "classlist.js": "1.1.20150312", "core-js": "2.4.1", "express": "^4.16.3", "googleapis": "28.1.0", "hammerjs": "2.0.8", "jquery": "3.2.1", "moment": "2.22.1", "perfect-scrollbar": "1.1.0", "popper.js": "1.14.3", "rxjs": "^6.3.3", "rxjs-compat": "^6.3.3", "web-animations-js": "2.3.1", "zone.js": "^0.8.26" }, "devDependencies": { "@angular/cli": "^6.0.3", "@angular/compiler-cli": "7.0.2", "@angular/language-service": "7.0.2", "@types/bootstrap": "3.3.32", "@types/chartist": "0.9.34", "@types/googlemaps": "^3.30.8", "@types/jasmine": "2.5.38", "@types/jquery": "1.10.31", "@types/node": "6.0.73", "codelyzer": "4.2.1", "jasmine-core": "3.1.0", "jasmine-spec-reporter": "4.2.1", "karma": "2.0.0", "karma-chrome-launcher": "2.2.0", "karma-cli": "1.0.1", "karma-coverage-istanbul-reporter": "1.4.2", "karma-jasmine": "1.1.1", "protractor": "5.3.1", "ts-node": "5.0.1", "tslint": "5.9.1", "typescript": "3.1.6", "@angular-devkit/build-angular": "~0.6.3" } }

delete node_modules folder and package-lock.json, run npm install and ng serve again

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-dashboard-angular2/issues/49#issuecomment-436577021, or mute the thread https://github.com/notifications/unsubscribe-auth/AhnmmBDdDHi7n5fRcryWpSVamqYbDbTQks5usrTwgaJpZM4YOOUv .

Hi @chelaruc now i want to inquire that i want to use wizard in form please let me know how can i use it i searched alot by google and apply multiple process but no one is competable with this theme. I am really worried because its my basic requirement. I would be really thankfull to you for this favour

Hi @chelaruc https://github.com/chelaruc now i want to inquire that i want to use wizard in form please let me know how can i use it i searched alot by google and apply multiple process but no one is competable with this theme. I am really worried because its my basic requirement. I would be really thankfull to you for this favour

On Mon, Nov 12, 2018 at 11:06 AM Rizwan Awan rizwan.345awan@gmail.com wrote:

Thanks alot its solve my problem

On Wed, Nov 7, 2018 at 3:24 PM Chelaru Ciprian notifications@github.com wrote:

@MalikRizwanAwan https://github.com/MalikRizwanAwan change your package.json with:

{ "name": "material-dashboard-angular", "version": "2.1.1", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "engines": { "node": "6.11.1", "npm": "3.10.9" }, "private": true, "dependencies": { "@agm/core": "1.0.0-beta.5", "@angular/animations": "^7.0.2", "@angular/cdk": "7.0.2", "@angular/common": "^7.0.2", "@angular/compiler": "^7.0.2", "@angular/core": "^7.0.2", "@angular/forms": "^7.0.2", "@angular/http": "^7.0.2", "@angular/material": "7.0.2", "@angular/platform-browser": "^7.0.2", "@angular/platform-browser-dynamic": "^7.0.2", "@angular/platform-server": "7.0.2", "@angular/router": "^7.0.2", "ajv": "6.4.0", "arrive": "2.4.1", "bootstrap": "4.1.0", "bootstrap-material-design": "4.1.1", "bootstrap-notify": "3.1.3", "chartist": "0.11.0", "classlist.js": "1.1.20150312", "core-js": "2.4.1", "express": "^4.16.3", "googleapis": "28.1.0", "hammerjs": "2.0.8", "jquery": "3.2.1", "moment": "2.22.1", "perfect-scrollbar": "1.1.0", "popper.js": "1.14.3", "rxjs": "^6.3.3", "rxjs-compat": "^6.3.3", "web-animations-js": "2.3.1", "zone.js": "^0.8.26" }, "devDependencies": { "@angular/cli": "^6.0.3", "@angular/compiler-cli": "7.0.2", "@angular/language-service": "7.0.2", "@types/bootstrap": "3.3.32", "@types/chartist": "0.9.34", "@types/googlemaps": "^3.30.8", "@types/jasmine": "2.5.38", "@types/jquery": "1.10.31", "@types/node": "6.0.73", "codelyzer": "4.2.1", "jasmine-core": "3.1.0", "jasmine-spec-reporter": "4.2.1", "karma": "2.0.0", "karma-chrome-launcher": "2.2.0", "karma-cli": "1.0.1", "karma-coverage-istanbul-reporter": "1.4.2", "karma-jasmine": "1.1.1", "protractor": "5.3.1", "ts-node": "5.0.1", "tslint": "5.9.1", "typescript": "3.1.6", "@angular-devkit/build-angular": "~0.6.3" } }

delete node_modules folder and package-lock.json, run npm install and ng serve again

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/material-dashboard-angular2/issues/49#issuecomment-436577021, or mute the thread https://github.com/notifications/unsubscribe-auth/AhnmmBDdDHi7n5fRcryWpSVamqYbDbTQks5usrTwgaJpZM4YOOUv .

creativetimofficial / material-dashboard-angular2

Style Issue #49