[Solved] How can I create a button with rounded edges?

How can I do something like that?

Hey @point, thanks for the screenshot. It looks like a button, no?

To make it taller you can increase the top and bottom padding.

1 Like

I want to create a template that has round edges and shadows (as in the photo)
I figured out how to make rounded edges, but couldnā€™t make a shadow
Can you help me?

radius and shadow

1 Like

Can you show an example?

1 Like

If itā€™s a button you can set the ā€œraisedā€ property to true

1 Like

Hi, @point! :wave:


Yes.
Take a button, set itā€™s radius to desired,
go to Advance Tab :arrow_right: Styling :arrow_right: elevation :arrow_right: set it to 2.5 (it looks better :wink:)


Donā€™t forget to set the background color of the button to white - after adding elevation, if you do not have white color (or any other solid color other than transparent), the button will look horrible :sweat_smile:


Thanks! :blush:

2 Likes

But I want the shade to be around and not just down (except I meant Layout)

1 Like

This will work then :wink:

Have a look on this detailed video - :blush:
Edit: Sorry, I gave the wrong video :sweat_smile:, adding a new oneā€¦

@point, should I provide you a video?
or the text tutorial is ok?


Edit: Thanks for marking :white_check_mark: :blush:

Yes it will help mešŸ˜Š

1 Like

Here you go - :wink:


Thanks! :blush:

3 Likes

I still canā€™t see the shadow

Try increasing the elevation.


Plus, are you testing on Android / iOS?
Live or Downloaded?

I can only see the shadow on Android, I checked on Ipad (IOS) and didnā€™t see the shadow

1 Like

Yeah; Thatā€™s what I was experiencing from days :sweat_smile:


I think Shadow/Elevation doesnā€™t work on iOSā€¦ :confused:
Any comments, @domhnallohanlon ?


Thanks! :blush:

I will check if you see the shadow after installing the app on the device (on iOS)

1 Like

It will work perfectly on live and apk (for android only) :+1:


I donā€™t think it will work :confused:

It doesnā€™t work even after I installed the app on the device (on iOS):disappointed_relieved: