All Questions
146 questions
1
vote
1
answer
65
views
CSS for a 2 column layout with questions and options, but the options look jagged
I'm making an Angular app using Material with a tab layout where I created a 2-column questionnaire with questions and options below them, but these options look jagged; I want them to look vertically ...
0
votes
1
answer
26
views
Problems with flexbox layout in angular app
Im trying to create a layout with flexbox, that have this elements:
<application>
<flex-container>
<page-content>
<template-content>
</template-content&...
- 956
1
vote
1
answer
115
views
Angular ngFor inline mode along with text on same line
I am using https://tburleson-layouts-demos.firebaseapp.com/#/docs
For flex layouts in angular
I want to display items in inline mode
Eg: for 3 items should be like this text should break to new row if ...
- 161
-2
votes
1
answer
116
views
How to make flex alignment of elements based on the previous flex item
I want to have 'text1' under the number 1 (like the 't' character should be under the 1), and 'text2' under the number 5 (like the '2' character should be under the number 5)
It should be done ...
- 143
0
votes
1
answer
60
views
Why does my sliding component toggle have a gap?
Currently i have the component working like in the added .gif, with the yellow gap.
I need component 1 and 2 to move without gap.
I cant figure out why the yellow background becomes visible during the ...
- 133
0
votes
0
answers
168
views
Text selection problem when using Flexbox order in HTML/CSS
I ran into an issue when using flexbox and it's ordering of elements using order.
Example:
<div style="display: flex; flex-direction: column">
<div style="order: 4">this is ...
- 668
1
vote
1
answer
615
views
Angular Flex Layout with column
How can I adjust the width of the child component in a fxLayout set to column. For e.g. take this e.g.
https://stackblitz.com/edit/angular-fxlayout-custom-breakpoints?file=app%2Ftest.component.ts
Here ...
- 835
0
votes
0
answers
44
views
How to align these html items so the canvases are in a row and centered with the arrows and the last div to be centered as well
I am trying to make the the canvasses with the arrows to display in a row and to be entered horizontally and vertically. I want this flex row to have no wrap and also underneath it I want to put a div ...
0
votes
0
answers
51
views
Images not displaying correctly in Angular component due to CSS rules: How to resolve?
I'm following a freeCodeCamp tutorial on YouTube (here's the link: https://www.youtube.com/watch?v=ZniVgo8U7ek&t=651s) to create a Memory game with html, css and vanilla js. Now, I want to do it ...
- 31
4
votes
0
answers
1k
views
Angular material - mat-icon-button is not base aligned with adjacent element
Hi all web developers,
I ran into an interesting issue on which I am scratching my head for the last two days.
We have created a private library of UI component in which we have styled angular ...
- 212
0
votes
1
answer
535
views
Angular Material - Reduce horizontal gap between fields in flex Layout
Can somebody please help me to reduce the gap between fields in Angular Material using fxLayout.
I am trying to place 5 fields in one row but for some reason the last feild goes on the next line. If I ...
- 835
5
votes
1
answer
3k
views
How do we align text within a mat-button to the left?
How do we align the text in an Angular Material button to the left?
This answer suggest text-align:left?
And I tried it in this demo, however no love ...
https://stackblitz.com/edit/angular-ivy-lcnasu?...
- 47.6k
0
votes
2
answers
33
views
flexbox breaking line instead of printing in a row
I have a normal, easy flexbox layout. I try to show two elements per row. There is enough width for 2 elements. But strangely, every element gets one whole row. I don't know why. Here is my code:
...
- 902
0
votes
3
answers
836
views
Why can I not vertically align a button in a div in Angular?
I have spent way more time on this than any human should, I been through at least 30 solutions on Stack before posting this, as I know it is a VERY common issue. So I apologize for making my own post ...
- 784
0
votes
0
answers
102
views
How to connect two columns through a row in httml/css
I am looking to create a layout where I have 3 columns and a few rows down, i am trying to connect two columns through a single row (the image explains it better than I do)
as you can see the second ...
- 865