Tag: angular-material2

Issue How do i create a fixed side bar and a scrollable content. Like shown on their website. https://material.angular.io/components/ I tried using this – https://material.angular.io/components/sidenav/examples But it forces you to set the width and the height which i dont want

Issue Is it possible to control visibility of element with angular-material2 using hide-xx show-xx hide-gt-xx show-gt-xx i know this is working with angularJS-material. Code below does not work: <md-toolbar color="primary"> <span>Application Title</span> <span class="example-fill-remaining-space"></span> <button md-button hide-xs show-gt-xs>Auto hide button</button>

Issue Here is the table html: <mat-table matSort class="inbox__messages" #table [dataSource]="dataSource"> <!– Building Column –> <ng-container matColumnDef="building"> <mat-header-cell *matHeaderCellDef> <div class="inbox__messages__header"> <h3 class="inbox__messages__header-label">Bâtiments</h3> <mat-form-field class="inbox__messages__dropdown"> <mat-select placeholder="Choisir un bâtiment"> <mat-option *ngFor="let building of buildings" [value]="building.value"> {{ building.viewValue }} </mat-option> </mat-select>

Issue There is any way to configure the md-datepicker to start week on monday? By default it start on Sunday and there isn’t any specification who to change this. Solution You have to build a custom DateAdapter. A custom DateAdapter

Issue I can’t seem to find a way to set the spacing between rows for Angular Material’s Grid List. I’ve tried gutter size, but it only crops up my tile content. I can’t find a plunker or a fiddler for

Issue I’m looking for a good way to highlight the whole a row in md-table. Should I do directive or what? <div class="example-container mat-elevation-z8"> <md-table #table [dataSource]="dataSource"> <!— Note that these columns can be defined in any order. The actual

Issue I am using mat-slider and, while trying to slide the control using the mouse, it does not slide, either on the left or right. It is only working when I click to a point in the sliding line. My

Issue I’ve got a fairly basic slide toggle. I’d like to perform an HTTP call once the slider has been toggled and in case my HTTP call fails, revert it back to the initial value. I’ve done it as follows:

Issue I’ve got a fairly basic slide toggle. I’d like to perform an HTTP call once the slider has been toggled and in case my HTTP call fails, revert it back to the initial value. I’ve done it as follows:

Issue I’m using latest Angular 4 and Angular-Material2-2.0.0-beta7. This is my template using MdDatePicker: <md-input-container fxFlex=”33″ class=”birthday-container”> <input mdInput name=”birthday” placeholder=”Birthday” required [(ngModel)]=”member.birthday” [mdDatepicker]=”birthdayPicker”> <button mdSuffix [mdDatepickerToggle]=”birthdayPicker”></button> </md-input-container> <md-datepicker #birthdayPicker></md-datepicker> In app.module, here is the provider: {provide: DateAdapter, useClass: NativeDateAdapter}

Issue I have been working on an Angular project. Everything is working in localhost, but when I hosted the project, the two-way binding is not working. Here is the partial code: app.module.ts: import { FormsModule , ReactiveFormsModule} from ‘@angular/forms’; import