angular/material

AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).

Valeriy Stepanov

@bskydive

hi all, can you help to choose grid row height for material components? Button is 36, but input is 76px. Looks not good.

Valeriy Stepanov

@bskydive

solved, this is wrong sizes. It should be 66px according to https://material.angular.io/components/button/examples https://material.angular.io/components/input/examples

Michael Prentice

@Splaktar

@born2net This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

nzil

@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.

Michael Prentice

@Splaktar

@Anzil-Aufait This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

Echyzen

@GuillaumeUnice

Hi I would like to overwrite mat-table to desing a mat-table-selection nevertheless I don't know how to access to $implicit of each row and put the click event on row any idea? The code is the official one on the material master branch

Cody Mikol

@codymikol

@GuillaumeUnice This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

@Splaktar I'm thinking about making a gitter bot that looks for keywords like "mat-" and auto responds

"It looks like you might be asking a question about Angular (v2+) Material. This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK."

Michael Prentice

@Splaktar

@codymikol that would be great since it seems like people don’t read the channel description. It might be helpful to send a DM about it to new people when they join the channel as well. But I’m not familiar at all with Gitter bots.

Echyzen

@GuillaumeUnice

Lol I'm so stupid ty especially the fact the last post said the same thing

JonnyN

@jnguyen0220

I want to save material table sort to state object that I later can re apply. I am not able to re apply the saved sort object. anyone have experience with solving this issue>

Michael Prentice

@Splaktar

@jnguyen0220 This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

mindruion

@mindruion

gel

hello

everyone

mindruion

@mindruion

i have this problem when I am using mat-drawer

does someone know wat is the problem?

Michael Prentice

@Splaktar

@mindruion This channel is for AngularJS Material. Please try the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

Kfir Ozer

@kfirufk

how can I create my own form control properly ? i want to create an input with a specific mask and that the client will be able to place it in a mat-form-field and will be able to use <mat-error> with it

ahh whoops i need angular2

JavaScriptNinja

@born2net

@born2net
Hi guys, I am trying to filter a list of items using the Drag Material CDK... all is working well when my list is not filtered, however when I filter it, and drag and drop, I get the wrong item (wrong index) on the drop, I created a working example, as you can see, filter by let's say "av" and drag avocado to drop area and you will get Carrot as the index is referring to the old data source, any ideas are appreciated, here is a working example of the problem: https://stackblitz.com/edit/angular-agf3kv-wjxwdm?file=app/cdk-drag-drop-disabled-sorting-example.css
I am sure I am missing something on the moveItemInArray

JavaScriptNinja

@born2net

ok fixed

JavaScriptNinja

@born2net

Angular material drag and drop between two tables...
Trying to drag and drop and receiving table does not accept the drop.
Working example:"
https://stackblitz.com/edit/angular-agf3kv-qhsmgp?file=app/cdk-drag-drop-disabled-sorting-example.css

Ross Moroney

@code-ph0y

hey guys, wonder if anyone can help with an issue am facing with the drag and drop component in cdk .. I am adding it into the module using the examples online but it's not dragging

the terminal doesn't show any errors when building and there is no errors in the browsers console which leads me to believe that its something else?

Ross Moroney

@code-ph0y

I have noticed something now, the div that I have put the drag attribute on doesn't have an event registered; however, the example page does ... has anyone had this issue before?

Joe

@foxjazz

@code-ph0y put it on stackblitz:

Michael Prentice

@Splaktar

@born2net @code-ph0y This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

Joe

@foxjazz

```
 transferArrayItem(event.previousContainer.data,
        event.container.data,
        event.previousIndex,
        event.currentIndex);

```

trying drag drop, but item isn't removed from previous list

<mat-list class="example-list"
          cdkDropList
          [cdkDropListData]="rows"
          id="dropListDesto{{index}}"
          [cdkDropListConnectedTo]="getDragDestoIndex(index)"
          (cdkDropListDropped)="drop($event)">
  <div *ngFor="let row of rows;let ii = index">
    index{{index}}

    <app-data [setdata]="row" [index]="ii" [shooter]="'vertical'"  [cdkDragData]="row" [enable]="true" cdkDrag>{{row.title}}</app-data>
  </div>
</mat-list>

Joe

@foxjazz

hmm looks like the *ngFor just isn't redraing the list

redrawing

Cody Mikol

@codymikol

@foxjazz This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

Joe

@foxjazz

@codymikol if this was for angularJS material, it would be called that.

otherwise it's angular, and thats my story

should be yours to

Cody Mikol

@codymikol

@foxjazz

It is friend

Joe

@foxjazz

so I need angular/material2 you are saying, hahahah

Meshack Ogeto

@sharkdevs

Hello Here.. pleasure to join in

Armel

@kenany92

Hello everyone.

Armel

@kenany92

I'm new in angular material. I'm trying to use drag and drop. It works fine except of it is inside an angular material component like tab or accordion: it cannot go over the component. It is the real behavior or It is something else?

Michael Prentice

@Splaktar

@kenany92 This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.

Peter E Olsen III

@hepaestus

Hey all. Trying to install Material Design in a Jhipster Angular Project, but the styles are not working. My Cards do not look like cards.

ANy CLues?

Peter E Olsen III

@hepaestus

I am wondering why it is that when I set a value to a form that form element becomes READ-ONLY. I am using a FormControl mat-input. Is there some property I am not seeing that sets it read only?

Where communities thrive

People

Repo info

Activity