By Sameh Hassoun
PublishedCategorized as angular, angular-cdk, angular-material, css, flexbox
Questions tagged css
Explore the latest questions and answers asked by our top developers.
how to add space bettween elements in flex box
I need to display a list of scheduled jobs in an endless scroll list of angular material, for each element in the list, I need to divide it into 3 columns using flexbox. in each column, I want to display certain data. for some reason, I’m not able to add space between columns inside the […]
Remove the extra outline in the datepicker angular material
Make it look good Using angular 9, It works with light theme but I’ve changed my theme to dark. Extra spacing around isnt looking good. Source: Angular Questions
By Luv Sharma
PublishedHow to hide the full row if any cell value is null in angular
I would like to hide the row for the while payment due date cell is empty for the respective row. while any value of Payment Due Date is null or empty I would like to hide the whole row respectively. user.service.ts import { Injectable } from ‘@angular/core’; import { HttpClient} from ‘@angular/common/http’ @Injectable({ providedIn: ‘root’ […]
By DotNet Coder
PublishedCategorized as angular, css, html, httpclient, pipe
Trying to apply the color and Json value of the particular element is not changing
Here is my Plunker, https://angular-ivy-ljxprm.stackblitz.io I am trying to update the color on the circle when I click on the button. But I am left with errors. Suggest me to move further. Source: Angular Questions
By Prasanna kantheti
PublishedCategorized as angular, css, javascript
Adding Image to Bootstrap card-body mobile responsive problem
I have got a bootstrap card with an image on the bottom. My Code also uses AngularJS and ASP.net . When the page gets small enough, the image moves out from the card-body (moves to the left). I want the image to stay in the same place no matter what screen size it’s on. Example: […]
Angular bootstrap change background
I can’t to change a background of modal content I tried to change the background from scss with !important but it is not working <ng-template #content let-modal id="modal"> <div class="modal-header"> <h4 class="modal-title">Modal title</h4> <button type="button" class="close" aria-label="Close" (click)="modal.dismiss(‘Cross click’)"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>One fine body…</p> </div> </ng-template> scss #modal{ .modal-content{ background: #1b1b1d […]
By Agata
PublishedCategorized as angular, css, sass, typescript
Global header button’s implementation in AngularJS, that applies certain style settings for elements from different HTML pages. WCAG target size
I’m a beginner and want to ask for advice. I am looking for a solution on how to improve the site for visually impaired people in the AngularJS language, giving them the opportunity to increase the size of the buttons by clicking on the button in the upper right corner. Since the elements are in […]
add space between div using bootstrap [duplicate]
I want to have spaces between each div in height, using bootstrap but I don’t understand how to do it. thanks in advance. <div class=”container bg-black”> <div class=”row”> <div class=”bg-white”>One</div> <div class=”bg-white”>Two</div> <div class=”bg-white”>Three</div> </div> </div> Source: Angular Questions
How to make Angular Material Select to consider the width of the placeholder?
Here is an example of a <mat-select> https://stackblitz.com/edit/angular-vy3buj?file=src%2Fstyles.scss It seems the control has a hardcoded width of 180px set in the CSS class .mat-form-field-infix, I want a dynamic width based on the width of the placeholder text (i.e. at least to show the whole placeholder text). But as you can see from the example, if […]
By user1589188
PublishedCategorized as angular, angular-material, css, html
CSS Override – MAT-TABLE – Angular Material 11
I’m trying to change the MAT-TABLE as per my visual design. for that I’m overriding material’s css like below. Now I can see my table as per VD. but I don’t know is this correct way to override the material’s css. what will be the impact? impact means – :host ::ng-deep does it affect any […]
By Mr Learner
PublishedCategorized as angular, angular-material, css
