Comments (6)
Possibly 😄 I don't see a radius on the CardView
, only elevation, margin, and a class and don't see the details of the CSS class here 😄. Also, you should put quotes around the property values so the parser doesn't have any trip ups. Looks like you're missing quotes around the margin and elevation on the CardView
.
from nativescript-cardview.
Sorry probably a bad picture to send to show what I mean.
Class={{item.brand}} puts a background image on the grid. It seems that this image stops the cardview from applying its radius. Not sure why.
The way i got around this was to apply a radius on the gridlayout.
Is there a conflict between radius on cardview and background image on child gridlayout?
Thanks for the quotation tip. I get lazy at times. I'll change them.
from nativescript-cardview.
Yea, as far as I know, radius
still works on the cardview so you might have some conflict with the current layout you have. Also, another tip, you don't need the parent StackLayout on the cardview 👍 - it's a layout itself so you shouldn't need it in this case (from your image).
from nativescript-cardview.
Tried removing stacklayout yesterday with unfavourable results. Will have another look at doing it tonight. Without stacklayout it simply presently the last item on the page.
from nativescript-cardview.
sometimes, depending on the platform you might need to be explicit with height/width for it to work perfectly, but cardview extends the ContentView
class which gives it layout container behavior. So yea it'll depend on what you're after but if you can dump that parent, then of course, that's a good thing. Not gonna be a huge deal breaker for what you seem to be trying to do though 😄
from nativescript-cardview.
Confirmed radius works, updated demo. Please check the demo if you need to see it in action. Thanks 😄
from nativescript-cardview.
Related Issues (20)
- Card not working in Tabview in Nativescript-vue HOT 1
- minimum android sdk version HOT 2
- How to get rid of whitespaces ios
- Cardview radius working differently for big screen resolutions HOT 1
- Cannot read property 'obtainStyledAttributes' of undefined HOT 1
- Feat: Add new android shadow color properties HOT 2
- No Shadow/Elevation Android API 28
- Tap event stops working after orientation change or navigation HOT 1
- How to import CardView in a module HOT 1
- How to get height of CardView element?
- CardView shadow multiplying issue on Android HOT 11
- Not able to migrate app to nativescript 6 which supports only webPack work flow. HOT 3
- Radius is not working on iOS HOT 4
- Nativescript Vue instructions are wrong HOT 1
- Support for tns-core-modules > 6.2
- iOS Issue: No border box and show wrongly applied HOT 3
- App crashes after update HOT 2
- Release/document 2.0.1
- Disable Object is Cardview HOT 1
- Pressed item look HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nativescript-cardview.