Stack Overflow
Stack Overflow

Questions tagged [md-card]

17 questions
5
votes
1 answer

md-cards with variable height stacked in either 2 columns or 1

I'm looking for a way to display 4 cards with variable heights in a responsive manner on Angular 1. On big screens it should show something like this: +-------+ +-------+ | 1 | | 2 | | | | | +-------+ | | | 3 | | …
marmor
  • 27,641
  • 11
  • 107
  • 150
2
votes
3 answers

Need content to grow to same height

I'm using AngularJS Material and am running into an issue trying to get md-cards to be the same height. On the screen, the cards are the same height, but I really only want the content portion to grow to fill in the free space. Below you can see…
Dave
  • 1,257
  • 2
  • 27
  • 58
2
votes
1 answer

how to show a long content in two html tags?

I have an Angular4 app and in part of my page I have a tag and I'm trying to show some content in a

tag and the

has 20 cm max-height! It works for short contents but for longer contents it's not working! How can I create…

fariba.j
  • 1,737
  • 7
  • 23
  • 42
2
votes
1 answer

Angular Material md-card border bottom with down arrow

I would like to add an arrow effect to Angular Material cards (see image below) and I am not sure how to do so. I have set up a fiddle for help. https://jsfiddle.net/er1187/rng1pv4u/1/ …
ellier7
  • 417
  • 4
  • 9
  • 23
1
vote
1 answer

How to position Async Images inside KivyMD's MDCard in .py File

I would like to position an Async Image inside the kivyMD's MDCard but for some reason the card gets positioned correctly using pos_hint in the x direction but doesn't work the same in the y direction Code from kivymd.app import MDApp from…
Daniel Chettiar
  • 143
  • 1
  • 10
1
vote
1 answer

How to create an Angular JS Material Element via a JavaScript Function?

Problem: I have created a webpage with an md-card that has a button. Upon clicking that button, I want another card to appear. The Problem: I cannot figure out, how to make the button of the new card work. It is not correctly formated and it has no…
nexonvantec
  • 572
  • 1
  • 5
  • 18
1
vote
0 answers

Positioning cards on View Change

I would like my cards to re-position themselves below the map centered, in 2 rows and 2 columns such that there are 2 rows of cards stacked on each other below the map when the size of the screen is condensed What am I doing wrong? I am trying to…
AngularJSDev
  • 37
  • 4
1
vote
0 answers

AngularJs Button Unresponsive in Cards on Click

The buttons are unresponsive inside the cards. My goal is to show and hide hours upon clicking the button for each card. I have added Javascript to handle this function, but it does not seem to respond. When I create a button outside of the tag,…
AngularJSDev
  • 37
  • 4
1
vote
2 answers

Define mat-card-title width using percentage

I would center mat-card-title text. so I need to put it's width to 100% but I don't get a result, only if I use "px". So I tried to put a width to all parents containers but no result . Here's my html file
Hamza Haddad
  • 1,516
  • 6
  • 28
  • 48
1
vote
1 answer

Two md-content next to eachother in md-card

Im trying to get 2 content "boxes" in one md-card. One where the user can enter some textfields, and on the other side i want a logo.
user9061464
0
votes
0 answers

Kivymd why is the MDCard showing double

I'm trying to build a UI for an app using kivyMD's MDCard a method I saw on youtube, but the MDCard displays double the elements I put into it. but this is the outcome screenshot of the output This is the code I used for the mdcard in the kv…
Rick Sky
  • 3
  • 2
0
votes
0 answers

kivy.factory.FactoryException: Unknown class

I am trying to code a simple Body Mass Index calculator. The user chooses the height with a slider and the weight with the plus and minus buttons. The program crashes when I try to add an MDCard. I am using Pycharm 2021.1.1 (Community edition),…
mappazz0ne
  • 1
  • 1
0
votes
1 answer

Kivymd on_release Button the action for next step with MDCard does not work

I'm trying to make the button click on_release: app.proximo () have the action to go to the next card MDFloatLayout, but I'm not getting it, could someone help me how could it work? Below the main.py file, where to start the app, main.kv file, where…
Gbyteinfo
  • 1
  • 1
0
votes
1 answer

Wrap text alongside of Header md-card Angular

I would like to wrap body of text on the right side of my header What would be the best way to do this using md-card in AngularJS?
…
AngularJSDev
  • 37
  • 4
0
votes
1 answer

Change color of md-card in vue.js

I want to create a button which will change the color of md-card after click. I'm not certain how I should do this. I have idea that here should be variable which is changing after click from false to true and then some function execution but don't…
Beorn
  • 417
  • 1
  • 5
  • 13
1
2