All Questions
113 questions
0
votes
1
answer
126
views
How can I make the last mat-card to stretch out to fill the remaining vertical space?
Code Snippet:
Problem Description:
I'm working on a project where I have to make the last mat-card containing the + Manually enter button to stretch out vertically filling the remaining space.
<...
- 1
4
votes
2
answers
5k
views
Is Angular Flex Layout a good choice for future developments
Is Angular Flex Layout a good choice for future developments?. it is already deprecated. but I saw many weekly downloads in npmjs.com
I'm going to start new angular project with angular 15 version. so,...
- 55
0
votes
1
answer
2k
views
Responsive mat-grid-list
I intend to use a mat-grid-list with a set of responsive cards.
My problem is that I'm having errors with the breakpoints and I can't understand.
Can anyone help me?
DEMO
ts
cardLayout = this....
- 531
0
votes
1
answer
2k
views
Angular Material - Apply or Update @media queries when Sidenav is open
Im working inside an Angular 13 app using Angular Material. I have two sidenavs, one on the left for my site navigation, and one on the left for a Help Menu.
The help menu sidenav is set to a min-...
- 907
0
votes
1
answer
3k
views
Angular Flex Layout row wrap with grid align not working
I've Angular v13 application with @angular/flex-layout also v13. The issue is Flex layout of type row wrap with Grid alignment is not working as expected. Below is the html code block. The application ...
- 10.1k
0
votes
0
answers
191
views
CSS flex layout overflow issue - not 100% of nested content can be scrolled
I have a problem with flexlayout and overflow. Here you can see my Problem:
The icons are not 100% scrollable. I have absolutely no clue how to fix this. In theory, I think everything should be ...
- 551
0
votes
3
answers
1k
views
How to make 5 cards on each line?
Can someone help me please?
I'm writing in Angular and I want to display for example 5 cards on each row. Now I have horizontal scroll, and it looks like that:
Code:
<div class="content"&...
- 119
3
votes
1
answer
2k
views
Overlay entire page except one element
I am using Angular flex layout and mostly custom CSS for the layout and I'm trying to find a way to create an overlay effect that covers the entire page except one element. My initial thought was to ...
- 888
0
votes
1
answer
1k
views
How to change fxFlex size on Window Size change?
I have two divs within my main fxLayout Container. They look like this:
Where the red box is the fxLayout Container, the blue box is the Information and the black box is the Chart. As may be noted, ...
3
votes
1
answer
1k
views
Angular flex layout not applying to child component
I am trying to create a flex layout grid component of mat-cards in angular like so:
<div
fxLayout.xs="column"
fxLayout="row wrap"
fxLayoutGap="10px"
ngClass.gt-...
- 48
2
votes
1
answer
1k
views
What are the reasons to use Angular Flex-Layout?
In one of the projects i'm working on, the team decided to use angular/flex-layout.
I was wondering, what are the reasons to use it at all ?
I could only find reasons against.
For example this code:
...
- 103
0
votes
1
answer
2k
views
remove scroll bar from overflow items in angular
* Project Description
I am creating a responsive Players info page for a website using angularJS, and on the far left i am making a list of all other players in the database shown as picture icons ...
- 341
4
votes
2
answers
5k
views
Angular/flex-layout, how to add vertical space between rows when using fxLayout="row wrap"?
I wrote code like this:
<div fxLayout="row wrap"
fxLayoutGap="20px"
fxLayoutAlign="flex-start">
<mat-card fxFlex="0 1 calc(33.3% ...
- 1,128
0
votes
0
answers
159
views
Scroll child divs under/behind parent div inner mask
I have a child div with a fixed height that is scrollable because the content extends the height.
The parent div has a red inside mask.
I need to scroll the elements of the child div under/behind this ...
- 93
0
votes
1
answer
733
views
Angular FlexLayout - Child Div over extends parent div
I have an Ng FlexLayout and the child div over extends out of parent div.
I need it to to stay within maximum height of parent div, and then display a scrollbar if height is larger than parent div.
I ...
- 93