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
Published
Categorized as angular, css Tagged ,

How 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
Published
Categorized as angular, css, html, httpclient, pipe Tagged , , , ,

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
Published
Categorized as angular, css, javascript Tagged , ,

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: […]

By Norbs
Published
Categorized as angularjs, asp.net, bootstrap-4, css, html Tagged , , , ,

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">&times;</span> </button> </div> <div class="modal-body"> <p>One fine body&hellip;</p> </div> </ng-template> scss #modal{ .modal-content{ background: #1b1b1d […]

By Agata
Published
Categorized as angular, css, sass, typescript Tagged , , ,

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 […]

By micoud
Published
Categorized as angularjs, css, html, wcag Tagged , , ,

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

By Herve
Published
Categorized as angular, css, flexbox, html, twitter-bootstrap-3 Tagged , , , ,

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
Published
Categorized as angular, angular-material, css, html Tagged , , ,

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
Published
Categorized as angular, angular-material, css Tagged , ,
1 2 3 293

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq