Stack Overflow
Stack Overflow

Questions tagged [mat-card]

For questions about the content container element for Angular Material. When using this tag also include the more generic [angular-material] and [angular] tags where possible.

55 questions
0
votes
1 answer

when apply class binding to mat-card, mat-card class is not binding

when apply single class binding to mat-card, mat-card class is not binding. In this case we wont be able to see class name as mat-card and no style been applied…
Akhil
  • 443
  • 1
  • 9
  • 29
0
votes
1 answer

Transition on mat-card height

Using Angular Material (version 10), I would like to animate a mat-card so that it vertically expands to its full height when the page loads. I have tried some tests just with the hover event (if this works, I will then work on how to apply the…
bfredo123
  • 462
  • 1
  • 8
  • 20
0
votes
1 answer

Nested Mat-Card Angular 12

I'm developing a dashboard where each user can visualize his "workspace" and "projects" (a workspace can have multiple projects). To do that I've created two mat-cards combined with ngFor in this way:
Thomas
  • 99
  • 12
0
votes
1 answer

Why is my not responsive to data angular

I am trying to make my responsive for the dynamic data value it gets. I used the below code to make it reponsive
Nikita Fernando
  • 79
  • 4
0
votes
1 answer

how to create border for mat card like outline of mat form field in custom component

I have this specific design requirement where i am using MatCardComponent and Inside each card there is table. now i want to add label floating in border gap like we have in MatFormField. like above image but instead of input it will be MatCard and…
tiana
  • 374
  • 1
  • 8
  • 23
0
votes
0 answers

How to translate html tags inside Angular Mat card content

I have to display contents of a json file. The contents contain html tags. the real code is a little complex, but similar to this example (so can't use inner html…
user14734781
0
votes
1 answer

Angular Material Card and Carousel sizes

I am currently working on a webpage, and I am struggling with Angular Material Card size and Angular Material Carousel size as well. I've tried adding a lot of different properties to both of the elements, but nothing seems to do the trick here. The…
user5531766
0
votes
1 answer

Angular mat-card-image not working in ios device

Angular mat-card-image not working in ios devices. Images aren't showing inside a mat-card on ios browsers. How can I solve this?
Tohedul
  • 29
  • 1
  • 7
0
votes
1 answer

bootstrap col does not work when it should take up half of the row

I want to use Bootstrap grid system for my layout. I wanted to allocate left side of page for my cards and right side for other stuff, but what I'm seeing is that it's taking up whole width for my cards:
user13473845
0
votes
0 answers

mat-card isn't shown in production mode Angular

I created an Angular project with Angular Material (both version 10.0.1). In development mode everything works fine, but in production mode I can't see my mat-cards. However, I can click on them, so they are actually there. When I click on them,…
julki
  • 153
  • 1
  • 1
  • 7
0
votes
1 answer

Angular 8 display one image at a time

I am trying to display an avatar for each object that I have. The object is located in a MongoDB database and it is also displayed one by one. The problem that I have is that if I display the images as I display the objects (let's say I have 3…
Anca Vulc
  • 145
  • 1
  • 10
0
votes
1 answer

How to set active color of looped mat-cards?

I have a mat-card that is looped. How can i set the active color of the card that i clicked?
…
user10860402
  • 912
  • 1
  • 10
  • 34
0
votes
1 answer

Regarding not displaying of mat-card

Ive used a mat-card,inside that ive used mat-card-title and a form with 4 to 5 controls,mat-card layout is not visible on deployment in the browser,but mat-card title is displaying,Ive posted the form content and controls inside the mat-card-content…
Aashiq
  • 447
  • 1
  • 12
  • 27
0
votes
0 answers

How do I create a filter pipe to filter mat-cards?

I am trying to add a search filter pipe to filter the cards in the html, but I can't seem to figure out how to do it, any ideas? The code is below is to give an idea of the result i'm trying to achieve, if you need any other information just ask :)…
Caitlin Rebecca Holden
  • 1
  • 1
0
votes
1 answer

How to implement delete function in Angular

I'm in Angular group project and I'm trying to implement delete functions for current workspace but I'm not sure how to do that. Any suggestion or help on how to do that? Inside add-workspace.HTML file, I have a button that display a dialog box…
user9436741
1 2
3
4