How to change the shape of a button?

Hi All,
I don’t see a property where I can change the shape of the button or may be I’m overlooking at it. Every time when I add a new button to the dashboard it is in rectangle shape default but I want that to be in oval shape. How can I do that?

Thanks for your response in advance!

Hi there! I don’t believe there is a property to change the shape of a button in Dundas.

You can actually add click events to any of the components you add to Dundas, so if I were creating an oval shape button and wanted to do it without javascript or adding css styles at all to reshape it, I would either use a png image I created myself and uploaded, or I would use the ellipse component and just add a click event to it - would that work for what you are trying to create?

To create some of the button like effects, if you look at events you can create some interactions on mouse enter / leave or mouse up down… if you want it to change color you can use multiple components. We’ve also used multiple objects behind each other on different layers and styled them differently and then changed layer on click to give some of the button interactions.

2 Likes

Hello @mounika.ramagiri,

I think you can use a picture instead of a button. You can customize the picture as you want.

Hi,

Yes there should be multiple options, but I’ll add that each of the button’s border properties can be set with a “Radius” that almost turns the button into an oval like the following, in case that’s what you meant:
image

If not, you can also use images with the button itself by setting properties such as Rest Background and Hover Background to images that you’ve uploaded.

4 Likes