All Questions
23
questions
2
votes
1
answer
2k
views
Carousel image slider overlapping from second image
I am facing issue with Carousel slider, it is overlapping image from second one. First image is loading properly. I am attaching an image for the reference:
CSS
.slide {
height: 473px;
min-width: 100%...
- 4,491
0
votes
2
answers
1k
views
Add class along with style properties from angular ts file in angular10
I have to add a class to a div on a button click along with a height property in that class. The class will have a property height which is calculated dynamically everytime depending upon the height ...
- 171
0
votes
0
answers
46
views
Is there any concept in angular to implement below requirement?
I have an input file upload type which is designed as below image.
When I upload the file the upload document label is getting overridden by fileName as shown in the below image.
What I want to do ...
- 63
0
votes
1
answer
213
views
How to change the style of a shared module in the modules that are sharing it?
I have three modules A, B and C.
The module A is being shared by B and C.
The module A is using global CSS from app.component.css which is like
.section-top-padding {
padding-top: 11.25rem;
...
- 392
0
votes
1
answer
1k
views
svg mat-icon doesn't render correctely
I have a simple div where i display three different icons that have different colors.
Acctualy icons are displayed, but it shows all the time the same icons either attention-warning or attention-error ...
- 998
0
votes
0
answers
77
views
Div content aligned in Chrome and not in Firefox
I have an angular app, with an header divided in 3 sections. The top right section can contain the button login or the user profile icon if the user is already logged.
In Chrome the div content is ...
- 1,304
2
votes
1
answer
877
views
Truncate text with ellipses but without cutting the last word
I truncate my title with ellipsis by limiting it to 3 lines and 150 characters, but I have my last word which is cut.
I looked for a solution without finding one that suits me.
In my html:
<span ...
3
votes
4
answers
4k
views
angular 10: image url given from assets after `Ng build` is listing directly under `dist` folder and `dist->assets`
I found one scenario where images are getting listed directly under the dist folder after ng build.
I have created a sample angular app. Below are the details. Even the image is there inside the ...
- 474
0
votes
3
answers
2k
views
ngx-toaster is notifying in the wrong place of the screen by default
This is the problem
it's presenting the notification by default up above, maybe it's getting affected by CSS properties ??
when I configure the place in the import of the module like this :
imports: [...
- 149
1
vote
0
answers
76
views
I want to get dropdown with selected value (update to angular 10 and above)
I am trying to achieve dropdown with first value selected and disable only to show to user.
HTML
<select name="level" [(ngModel)]="level">
<...
- 293
1
vote
1
answer
1k
views
How to change material progress bar fill bar to right
I use this code but fill bar have not change right side.
.mat-progress-bar-primary .mat-progress-bar-fill .mat-progress-bar-element {
animation: none;
transform-origin: top right;
...
- 23
0
votes
2
answers
807
views
i use angular-responsive-carousel library . But I can not change arrow design and dots design
I use:: ng deep of css style. I can change browser CSS. but it is not solved in my CSS code in angular 10.
here is my code:
> ::ngdeep .carousel-arrow {
> background-color: lightblue;
&...
- 23
1
vote
0
answers
603
views
Voice input to Angular Forms
I am using Angular 11 and I need to add the voice input to the forms field. After watching some tutorials I came to know that "x-webkit-speech" enables voice input.
I referred one article ...
- 121
0
votes
2
answers
6k
views
Angular material : Make select-panel open down always
I am using angular material for my app and I would like the mat-select to show the panel always under the input.
html
<mat-form-field class="flex-competition-select" appearance="fill&...
- 100
-1
votes
1
answer
74
views
Angular CSS Layout applying but without results
I did simple grid but it is looks like styles is applying but grid is not working correct. All grid items have wrong width and height but css is applied. Stackblitz Why is that? How to fix that?
app....
- 85