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)

michelcve
@michelcve
@StickNitro Sounds like your angular.json or package.json might have an error in it's syntax?
Accidentally removed a { or } perhaps
Neil Stevens
@StickNitro
i thought that but get this on a fresh project
michelcve
@michelcve
@StickNitro Seems like a bug, check this issue: angular/material2#12027
There already is an open PR to fix this issue
Daniel Netzer
@DanielNetzer
what's the best way to redesign the scss of angular material?
clone the entire library of angular material and work on it slowly?
Nick Arthur
@narthur157
define "redesign"
Daniel Netzer
@DanielNetzer
change the position of the mat card header, title, avatar, etc...
Nick Arthur
@narthur157
you override the classes material provides, or edit the scss variables
depends whether you're making a "new material" or just tweaking things
Daniel Netzer
@DanielNetzer
but do you close the entire repository or just add a custom scss file to override a few things?
Daniel Netzer
@DanielNetzer
that's only good for styling the components, not changing the projection structure
Nick Arthur
@narthur157
ie, you want to change the tempate?
Daniel Netzer
@DanielNetzer
for a few things yea
Nick Arthur
@narthur157
for that you'd need to fork it I suspect
but you may be better off making your own component and using some of the code from material. You can base it off the cdk version, which has less styles and such
Daniel Netzer
@DanielNetzer
anyone aware of a good guide to theming angular material? like this - https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1 but more updated?
SOUARE Saidou
@sVidouSouVre
hello i want to use angular material mat-grid-list
as below
<mat-grid-list cols="modems.length" rowHeight="100px">
<mat-grid-tile *ngFor="let modem of modems | async">
{{modem.manufacturer}}
</mat-grid-tile>
</mat-grid-list>
it is not correct because modems is of type modems: Observable<Modem[]>;
I need some help
Tim Burnell
@tmburnell
can you populate modems in the component outside the async pipe? I have never really tried to get the async to work, but i dont like to hide logic like that and always do it in the component.
SOUARE Saidou
@sVidouSouVre
@tmburnell you are true. i followed the tutorial (Reactive Forms)https://angular.io/guide/reactive-forms#when-to-set-form-model-values-ngonchanges, thats why i did not noticed it before as it is done in the angular.io TUTORIAL(https://angular.io/tutorial/toh-pt6)
Tim Burnell
@tmburnell
so did you get it fixed? was it missing the population of modems? looks like that example has a button to populate it.
SOUARE Saidou
@sVidouSouVre
yes by returning an Modem[] instead of Observable<Modem[]>, as you said the logic is inside the component
SOUARE Saidou
@sVidouSouVre
so it become<mat-grid-list [cols]="cols" rowHeight="100px">
<mat-grid-tile *ngFor="let modem of modems | async">
{{modem.manufacturer}}
</mat-grid-tile>
</mat-grid-list>
the magic is here [cols]="cols"
the expression template cols is the modems.length where modems is of type Modems[], that is set when i subscribe the Observable<Modem[]>
its works this way too cols="{{cols}}" thanks a lot @tmburnell
Roel
@roelzkie15
Anyone know how to fullscreen a dialog into its parent container?
Max
@P0ntiuS
Hi, if anyone used material and kendo in production, explain the main pros and cons when using these UI modules, thanks.
masber
@masber_twitter
hi, I am trying to use stepper to show history events in chronological order and I need to disable mouse events. how can I do that?
but I don't want to trigger any mouse event, otherwise the step will be completed which I am trying to avoid
Tim Burnell
@tmburnell
@roeldeveloper28 are you trying to make a div full screen? or just make a div fill its parent?
if you are trying to do full screen you can look at this: https://github.com/jpilfold/ngx-image-viewer
they use a dependency screenfull that applies the HTML5 spec to full screen the image.
this kind of sounds like what you want.
Tim Burnell
@tmburnell
@P0ntiuS i have never used kendo … however i did just take a look at it. And they do have quite the feature set, however the ui looks very entry level. What i mean does not look very clean compared to material and/or bootstrap.
Tim Burnell
@tmburnell

@masber_twitter looking at this:
https://github.com/angular/material2/blob/master/src/lib/stepper/stepper-vertical.html
and
https://github.com/angular/material2/blob/master/src/cdk/stepper/stepper.ts

looks like click is called and executes step.select() … neither have logic to disable the events. Also i dont see a good way with angular.
So you will either have to overwrite one of the material classes or make your own.

Tim Burnell
@tmburnell
Anyone know why in this example: https://stackblitz.com/edit/stepper-buttons?file=app/stepper-overview-example.ts
the ripple seems fire on buttons that you did not click on?
Roel
@roelzkie15
@tmburnell im trying to make a div fill its parent. Because the problem with material2 you cant set a parent container for a MatDialog
Tim Burnell
@tmburnell

@roeldeveloper28
this is not the best option, but you can extend theirs and give it a container. I did this here for the snacker
https://stackblitz.com/edit/angular-material-tooltip-in-container-2?file=app%2Fdynamic-overlay-container%2Fdynamic-snack-bar.ts

the only issue is you have to keep it up to date with the latest version.

Francis Torda
@freeman29
Hi guys! is it possible to change snackbar translateY:0% to translateY:16px?
Christopher Jaeger
@caJaeger
What's best practice for using material for structural things like accordians, dialogs, buttons, menus, tabs, but changing the style to match your design requirements?
Neil Stevens
@StickNitro
Anyone able to answer a question please?
I want to know if it is possible to pass data to a mat-drawer with a component as its content, I know I could set a variable on the parent component when the user clicks open and have that bound to the mat-drawer component but that seems like a hack so I wondered if there was a better way to do this (similar i guess to how the mat-dialog does it)
venkatakrishna874
@venkatakrishna874

Hi
can anyone help me to listen scroll event on mat-autocomplete overlay box

Template code

<input matInput placeholder="Notebook Page" formControlName="notebookPage" [matAutocomplete]="NBPageAutocomplete" >
</mat-form-field>
<mat-autocomplete  #NBPageAutocomplete="matAutocomplete" cdkScrollable >
  <mat-option  *ngFor="let option of suggestedNBPageNames" [value]="option">
                {{ option }}
  </mat-option>
</mat-autocomplete>

component code

import { ScrollDispatcher } from '@angular/cdk/overlay';

constructor(public scroll: ScrollDispatcher) {}
ngAfterViewInit() {
    this.scroll.scrolled().subscribe((data: CdkScrollable) => {
       console.log(data);
      //make an HTTP call when it reaches to the end, to add some more data
    });
  }
Paul W.
@binaryPUNCH
If I'd like to reduce the scale of an entire UI component, such as a mat-form-field, is there an easy way?