Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

Wambua A Makenzi
@zessu
Is there anyway to trigger matSort directives to emulate a click ?
So that the EventEmitter is called without the user having to actually click the sort button
Lisa Copeland
@lisacopeland
I would like to create a horizontal nav bar - is there any examples of this somewhere?
would this really be a tool bar?
Ravi Rajput
@Ravslee
haha
@lisacopeland I have made a nav bar by using tool bar only
Lisa Copeland
@lisacopeland
yeah - ill try that thanks
Ravi Rajput
@Ravslee
I ssend you my example
Lisa Copeland
@lisacopeland
thanks
Ravi Rajput
@Ravslee
@lisacopeland

<mat-toolbar role="header" class="header-toolbar ">
<button mat-icon-button (click)="sidenav.toggle()">
<mat-icon class="mat-24">menu</mat-icon>
</button>

<div style="font-family: 'Stalemate', cursive;
font-size: 56px; margin-top:16px; display:flex;justify-content:flex-end; align-items:center; width:100%">
    <p>Fosseta Moda</p>

</div>

<div style="display:flex;justify-content: flex-end; align-items:end; width:80%">
    <a routerLink="/login">
    <button mat-icon-button >
        <i class="material-icons">lock</i>
    </button>
</a>
    <button mat-icon-button (click)="sidenav.toggle()">
        <mat-icon class="mat-24">search</mat-icon>

    </button></div>

</mat-toolbar>

<mat-toolbar role="header" class="header-toolbar ">
<button mat-icon-button (click)="sidenav.toggle()">
<mat-icon class="mat-24">menu</mat-icon>
</button>

<div style="font-family: 'Stalemate', cursive;
font-size: 56px; margin-top:16px; display:flex;justify-content:flex-end; align-items:center; width:100%">
    <p>Fosseta Moda</p>

</div>

<div style="display:flex;justify-content: flex-end; align-items:end; width:80%">
    <a routerLink="/login">
    <button mat-icon-button >
        <i class="material-icons">lock</i>
    </button>
</a>
    <button mat-icon-button (click)="sidenav.toggle()">
        <mat-icon class="mat-24">search</mat-icon>

    </button></div>

</mat-toolbar>

.header-toolbar {
background:#FFCDD2;
position: fixed;
z-index: 2;
font-style: bold;
color: #F50057;
box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
Lisa Copeland
@lisacopeland
@Ravslee Thanks!
Ravi Rajput
@Ravslee
welcome @lisacopeland
Dominic Böttger
@DominicBoettger
Did somebody try to use autocomplete on iOS? Did nobody yet mention that this component is a total fail for small screens?
Dave Vaughan
@rbnzdave
anyone able to tell me why my component which uses mat-card doesnt style itself when the component is instantiated using createcomponent ?
shuamana
@shumanac
@shumanac
Hi I am getting an error "ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: 'dialog'. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook ?"
how to solve this?
I already have tried with setTimeOut() and detectChange
nothing works for me
Andrey Kondratyuk
@TheAndreyK_twitter
if I load "material-design-icons": "^3.0.1", via npm
how would I access these icons?
I normally included them as a stylesheet
Aoyue
@Aoyue-Design

Hi guys ~

I have a question about prefix mat- attribute.
Why Material Design didn't follow HTML5 standard that using data prefix ?
Is it permissible to ignore data prefix?

Denis
@itprodavets
Hi
How to make from the table to tree?
Alex Polajenko
@polajenko_twitter
Am I missing something but why is there no docs for page layout for angular material design? https://material.angular.io/
SkoZombie
@SkoZombie
@polajenko_twitter https://github.com/angular/flex-layout ... it's separate from UI components
we use bootstrap because that's what we're used to but might move to angular flex-layout
simpleguy747
@simpleguy747
hi all
I want to contribute to angular 5 and angular 5 material, can any one pls tell me where can i get the further information?
texirv0203
@texirv0203

hi,

  • initialy when I go sports.com and from there if I go to players it works fine.
  • after that in the same players url if I enter I am getting the below error message.
  • any idea how to fix in js

http://sports.com/players/playersJumping


Error

HTTP Status 404Not Found

Type Status Report

Message /players/playersJumping

Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

Apache Tomcat/8.5.23
Michael Bui
@MichaelBui
Guys, what’s best web design from Angular Material (v2) you’ve ever seen?
Riju
@Johnysinner_twitter
Hi texir check your .htaaccess
Marcel
@zIAmMarci_twitter
Hey can someone help me on how to use the primary color of my theme in my own components?
Lisa Copeland
@lisacopeland
Hey All - I am getting "There is no directive with "exportAs" set to "matMenu"" - It looks like this is fixed if you have the right dependencies, I am using @angular/compiler, etc "^5.0.0" and I am still getting it, I do not have "mdMenu" in my code
joduncan
@joduncan
Hi all, is there some easy styling or directive I can add to a mat-chip-list to wrap the chips to multiple lines if they would exceed the specified width on a single line?
the default docs don't make any mention
joduncan
@joduncan
I wish I knew CSS better. the chip list does not wrap, despite the .mat-chip-list-wrapper styling implying that it should.
Lisa Copeland
@lisacopeland
@joduncan are you using flexbox?
joduncan
@joduncan
@lisacopeland yes
the chip list wrapper doesn't seem to wrap, despite having the flex-wrap styling set to wrap
volodymyrZotov
@volodymyrZotov
@simpleguy747 Hey. You can use this guide to start with contributing https://github.com/angular/angular/blob/master/CONTRIBUTING.md
Praveen Puglia
@praveenpuglia
Ok. so I created this issue. looks like a bug to me. if it's not, can someone please explain why it's not?
Lisa Copeland
@lisacopeland
I don't think that material is using the theme I selected - I have a "link href" in my index.html but it doesn't seem like the colors are displaying like the theme colors - am I doin it wrong?
tibetoine
@tibetoine

Hi. I'm trying to install Angular Material via 'npm install --save @angular/material @angular/cdk' over a Freshly installed and created Angular 5 project. My Install Steps are

npm install -g @angular/cli
ng new my-app
cd my-app
npm install -g @angular/cli

And my issues are :

+-- UNMET PEER DEPENDENCY @angular/compiler@5.0.2
`-- UNMET PEER DEPENDENCY @angular/core@5.0.2

Do you have the same issues ? How can i solve this ?

Wambua A Makenzi
@zessu
Copy that stuff and install it
Ravi Rajput
@Ravslee
Read documents carefully
Wambua A Makenzi
@zessu
install both
@tibetoine
@lisacopeland more detail ?
tibetoine
@tibetoine
@zessu i'm Trying to install actually :) Since i'm quite a big noob on Angular and Node , i'm maybe wrong on my package.json