All Questions
323 questions
3
votes
2
answers
94
views
Angular grid layout behaviour
I am new to using angular.
When using a grid layout I am not getting what I want. To debug I created the following element:
<div *ngFor=" let tableVersionHeader of tableVersion.xAxis....
1
vote
1
answer
48
views
Hide a div generated dynamically via SCSS
I am working on hiding certain elements of an Angular page. I cannot change the source code, however I am able to upload an SCSS stylesheet which is applied to the page. The page I am working on has 2 ...
1
vote
2
answers
64
views
How could I apply different colors for mat-form-field "formControl" depends on the state of it?
I have this HTML code:
<mat-form-field class="me-3" appearance="outline" class="filterText">
<mat-label [ngClass]="{'mat-label-error': form.get('...
1
vote
1
answer
49
views
Images overflows their containers when ngSrc is used
I'm trying to place two images as a link to the home page. I want to place them in containers that I can manage the dimensions of and the image in fill mode.
<a routerLink="/" class="...
1
vote
1
answer
41
views
How could I change background-color of the dropdown of mat-paginator?
<mat-paginator
#paginator
class="table-paginator"
(page)="handlePageEvent($event)"
[length]="paginatorLength"
[pageSize]="...
1
vote
0
answers
226
views
Angular Workspace Problem after Update from 16 to 19
To sum up, in the company where I worked, we had a rather old Angular project that had not been updated for ages. "Project" might be the wrong term; I will continue to refer to it as a ...
1
vote
1
answer
95
views
How can i make the ::ng-deep work only for one component
<igx-dialog igxOverlayOutlet #variantDialog class="variant-dialog">
<div class="dialog-content">
<div class="variant-options">
<div class=...
1
vote
2
answers
55
views
Bootstrap Collapsed Navbar Toggle Button is not working
<div class="container-header">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<button class="navbar-toggler" type="button" ...
0
votes
0
answers
45
views
The text and the icon is not being responsive (Angular and scss)
img01
This is the problem. When I add more pax, the text is going under the icon.
Here is the code:
<div class="input-element pax-container trip-panel-fields">
<ng-...
0
votes
0
answers
42
views
Angular, Calculate width, center and offset for a div according to other divs
I'm working on an Angular 13 app which has an option to see an org chart
Here's the expected result
The problem is that I have no Idea how to create those curvy lines that connects the parent node ...
1
vote
2
answers
168
views
css property - initial-value overwrites setting from outside
I'm working on a angular-project.
I have the following component class:
export class ReservationTableComponent implements OnInit {
@Input({ required: true }) table!: Table;
@Input() set ...
1
vote
0
answers
223
views
Error: NG0400: A platform with a different configuration has been created. Please destroy it first
I'm using angular/element to create custom web element with angular14.2.0 in Remote application. It is working in remote angular application but when I am trying to use this in Shell application with ...
1
vote
2
answers
591
views
Angular PrimeNG modify p-button, p-inputSwitch styles
How to modify PrimeNG's p-button, p-inputSwitch styles if ng::deep is deprecated?
0
votes
1
answer
52
views
Add component to html body
I have an Angular 13 (vanilla) app, and I need to print a part of the app. I use the @media print for that an it work (in the angular app alone)
But my angular app is build a js file and use by other ...
1
vote
1
answer
55
views
How do I keep sticky buttons aligned to left and right inside a Scrollable Div?
I have a product page that is horizontally scrollable, I trying to keep the buttons to the right and left to scroll, however, I am not able to set the Top position to those. Here is the code
<div ...