Shadow does not show in Preview

mohsin.ali · 2025-02-22T10:12:37.130Z

While developing a native app using the Bubble.io Native Engine, I want to create a card view. To achieve this, I added a shadow to the element to give it a card-like appearance. In the editor, it appears correctly as a card view, but when I preview it, the shadows do not appear. How can I ensure that the shadows are displayed in the preview?

senecadatabase · 2025-02-22T12:18:46.743Z

From what I can tell from your video, you have 40 px margin on each side and then you’re trying to get the shadow to show in the margin…that won’t work.

You need to leave breathing room around your element for the shadow to show.

mohsin.ali · 2025-02-25T13:22:50.627Z

I try to apply shadow on a button without any margin and padding and then preview that button but the shadow are not in the preview.
Please take a look at this video.