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
JuanCarlosJr97
@juancarlosjr97
Hello guys!
Brad
@bradtaniguchi
@Suresh918 Not sure if that is how it could work, you might be able to integrate the icons somehow, but I'm not sure if you can put a rich-text editor (that is rendering html) into an input. You might be able to engineer something that works with the existing mat-form-field, but threre isn't any fancy integration with the lib + angular material
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