These are chat archives for angular/material

15th
May 2017
user2301
@user2301
May 15 2017 09:03

I want to display cards in the center with two/three columns and multiple rows. The cards are displayed dynamically. I want to have equal space between each row of cards. I set this attribute fxLayoutAlign="space-between center" in my code. By refering this link https://tburleson-layouts-demos.firebaseapp.com/#/docs. It will not display correctly. There is no space between rows and the last row is not aligned properly with the column. Only the last row is not aligned vertically with the column. When I change the browser window size also the alignment is messed up. These are the versions I am using

Angular version - 2.4.10
"@angular/material": "2.0.0-beta.2",
"@angular/flex-layout@2.0.0-beta.5"

Moreshwar Dalvi
@DalviMoreshwar
May 15 2017 09:07
@MythriManjunath , have you tried "offset" class in your grid system?
user2301
@user2301
May 15 2017 09:08
@DalviMoreshwar No. I haven t tried it
@DalviMoreshwar I am having the same issue as mentioned in this link http://stackoverflow.com/questions/42550491/angular-2-material-and-flex-layout-alignement
Moreshwar Dalvi
@DalviMoreshwar
May 15 2017 09:12
@MythriManjunath , i hope this will help you.. http://materializecss.com/grid.html
just go through it.. might be it works
user2301
@user2301
May 15 2017 09:18
@DalviMoreshwar Okay thanks. But I wanted to fix it with flex layout
Moreshwar Dalvi
@DalviMoreshwar
May 15 2017 09:39
@MythriManjunath , if your cards are dynamic then make sure the card data is same and in equal size, might be unequal data it goes vertically
i have seen this link https://tburleson-layouts-demos.firebaseapp.com/#/docs the flex layout itself come with attached grid syste,
system*
jkjha
@jkjha
May 15 2017 09:44
Hi.. anyone know of an alternative for angular-loading bar in angular2 ?
TheHunter
@TheHunter
May 15 2017 20:20
Hi guys
does anyone know hot to detect browser language?
I need to recognize the current browser language in order to set values due to current browser language