Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 18 18:50
    @StephenFluin banned @piotr-mamenas
Natalia
@petajamaja
@grenmath_twitter Hey Mr. Grenier, I created a mat-select with selectable option-groups for you! It's a customized version of what they have on the main Material Design website. Here's my hacked version of mat-select, hope it helps!
@grenmath_twitter I tried to re-create all the standard effects of a normal mat-select-option but for the mat-select-optgroup like ripples, checkboxes, cursor reactions, disabled state. This was so much fun!
Shekhar Ramola
@shekharramola
just like <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>, can't we have <mat-footer-row *matFooterRowDef="displayedColumns"></mat-footer-row> as well?
Natalia
@petajamaja
@shekharramola Take a look at the documentation, there are examples of tables that have both footer and header rows defined this way.
Shekhar Ramola
@shekharramola
@petajamaja , yes I did. have to do it using <th>, <td> but not sure why is that
Natalia
@petajamaja
@shekharramola but you don't have to use <th> and <td>, you can just substitute it with respective tags as seen in this pull request... It works just fine ever since 2018, can you give an example of a project where it did not work for you?
JuanCarlosJr97
@juancarlosjr97

Hi guys,

I have this issue

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous

I have this mat error

 <mat-error *ngIf="!question5(event)">
           <strong>Please note we cannot run both Social and Display with budgets below 5K GBP</strong>
          </mat-error>

And I have a function that depends on another variables, and blah, but when it goes from true to false, it throws an aerror

an error
Mathieu Grenier
@grenmath_twitter
@petajamaja Oh!! thanks i’ll check that
Natalia
@petajamaja
@grenmath_twitter Glad to help, let me know if it solves your issue or if you have any questions :)
Shekhar Ramola
@shekharramola
is it possible to implement server side pagination in material table when you do not know total count of all records?
aditya
@adibro500
how to position modal popup in the center of page ?
css or html or config ?
anything will do
Adithya Sreyaj
@adisreyaj
@adibro500 The material dialog is by default centered.
If you want to center something use display:flex; justify-content:center;align-items:center;
This will horizontally and vertically center a child.
^ Can someone check how to do this in angular 8 . Its in angularjs
Lisa Copeland
@lisacopeland
@amrit991 Look at angular material Expansion Panel - it doesn't have your fancy animation but is similar in functionality
Jack
@jackmercy
Hi, currently material does not support file upload for input form field, right?
If so, is there any alternative way to achieve this kind of input ?
Paul Ryan
@paullryan
@jackmercy you can wrap your own field in a ControlValueAccessor and MatInput or might be able to use something like https://merlosy.github.io/ngx-material-file-input/
Paul Ryan
@paullryan
Anyone have it when an element is added after drag initialization in cdk , that it's not draggable? I'm not quite sure my steps to troubleshoot.
Shervin Z
@shervinee
@jackmercy Really depends on your use case and business logic, I haven't seen any best npm package that rules them all. ngx-material-file-input and angular-material-file-input usually work with most use cases trying angular-material-input might also solve your issue.
fabio-silva
@fabio-silva
Hi there everybody. Can anyone tell me if Angular Material 5 is compatible with CSS vars?
Shervin Z
@shervinee
@fabio-silva Do you mean using CSS vars in your css or scss files?
Cody Wilson
@CAlex-Wilson
Hello, I posted on stack overflow regarding an issue with touch scrolling on certain material components. I can't seem to find any information about this behavior anywhere. Here is my post: SO Post Gif: gif of behavior I am hoping somebody can point me in the correct direction. Thanks!
Cody Wilson
@CAlex-Wilson
I found the bug. Tooltips on my buttons/components are the culprit: angular/components#4892
Anzil-Aufait
@Anzil-Aufait
I am using flat mat tree , i want to show parent child relation with border, like in this work https://tina-material-tree.firebaseapp.com/simple-tree . Please help. Is there any way to get this work code ??
Anzil-Aufait
@Anzil-Aufait
This is my work so far https://stackblitz.com/edit/mat-tree-with-dragging . I'm also using drag and drop in this work.
Valeriy Stepanov
@bskydive
hi everyone, who can explain why material components sizes differ from the material guidelines ?
image.png
image.png
Brad
@bradtaniguchi
@bskydive The material components were created before the newest version of the spec came out, so there are differences. Even then they never followed it 100% from the start
Pavaniduvvuru
@Pavaniduvvuru
How to use infinite scroll in angular material ??
Derek
@derekkite
Valeriy Stepanov
@bskydive
hi all, anybody knows about differences between https://material.io/develop/web/ and https://material.angular.io/components/categories ? The first seems following material guidelines. Second - not.
Maybe comparison article or blog post?
Anzil-Aufait
@Anzil-Aufait

I am using flat mat tree , i want to show parent child relation with border, like in this work https://tina-material-tree.firebaseapp.com/simple-tree . Please help. Is there any way to get this work code ??

This is my work so far https://stackblitz.com/edit/mat-tree-with-dragging . I'm also using drag and drop in this work.

Rodrigo Campassi
@CampaUTN
Hi everyone.
I'm trying to add a property to my autocomplete component to use it like a dropdown. Actually it's not being opened on click, and it's suposed to be the default behavior based on the documentation overview.
This is my html: https://stackblitz.com/edit/angular-knrmvr?file=src%2Fapp%2Fapp.component.html (It's not a working stackblitz, can do it if anybody need it)
What I'm trying to do is handle the autocomplete component opening by a property
Brad
@bradtaniguchi
@CampaUTN The stackblitz is not compiling, did you copy-paste the code into it without removing any deps?
and your talking about the onSelectionChange event that is added changing the behavior?
Rodrigo Campassi
@CampaUTN
Yes, it's just to show the html
I don't know if it's onSelectionChange or which method is preventing me from opening the list on click
Brad
@bradtaniguchi
that is an event that is emitted when the selection changes (when you click) that should have no direct impact on how the dropdown works
If the dropdown isn't showing at all, are you sure you have data to display?
Rodrigo Campassi
@CampaUTN
Yes