This is very nice! Thanks for sharing.
That’s terrific, @Manu.n!!!
Nicely done @Manu.n.
Is this CSS basically taking the card image and making it an underlay to the card?
Hello @Robert_Petitto
yes I use the Data Image, you can put a standart image like this example:
I’m not 100% sure I understand you
But the principle is simple:
- fit the image size to the container
- move the “Bottom Area” up
You have a copyable demo app
Yeah this is true. I believe we had the same thought originally on this topic. This works and is terrific, but it’s not exactly the conditional CSS we were looking for.
Let’s say I want cards that don’t have an image not rendering the image space, while those that have one will render. That’s the one thing I believe is conditional CSS and want to apply.
Hello @ThinhDinh
Sorry for not being able to make your wishes come true
the Card structure does not allow conditional CSS.
You can only do conditional for “Role” type tags, like an “Aria-checkbox” for example, which has an “aria-checked” attribute. I have already used this method for my CSS “UpDown” CSS Up/Down for Visibility
Don’t worry bro your work have always been terrific! I learn a lot from your samples and applied them to my apps.
Have a nice week.