desing of cards

  

i don't know how do the card have elevation. i explain in android studio you write 

app:cardElevation="15dp"

and the cardview it appears like this

but in outsystem i don't know how do itç

help me please!!


Hi Emilio,

Can you please explain in details what is your expected output?
In your attached image, I can see list only.

Regards,
Palak Patel

Palak Patel wrote:

Hi Emilio,

Can you please explain in details what is your expected output?
In your attached image, I can see list only.

Regards,
Palak Patel


Hi Palak, i want that the card have an appearance of overlap to the content look at the margin of the cards 

Regards,

Emilio

Solution

Hi Emilio,

You can achieve this by using the CSS box-shadow property. Try adding this class to your app's CSS:

.card {
    box-shadow: 3px 2px 26px 3px rgba(0,0,0,0.75);
}

If you need to tweak how the box looks, you can do so through this site: https://www.cssmatic.com/box-shadow

Solution

Hello emilio,

In OutSystems, even if you are programming a Mobile application, each page is a HTML page.
So, whatever you want to do in your application, regarding styling, you need to use CSS, or the Styles Editor (toggle the button in properties for an element).

Cheers.