https://github.com/colinkiama/uwp-circle-button-style-

A perfect circlular button which has a round highlight while hovering over it too. Posted here because there was no help for this on the internet.
https://github.com/colinkiama/uwp-circle-button-style-

button circle custom custom-contol how-to-make-a-circle-button how-to-make-a-circular-button how-to-make-an-ellipse-button uwp xaml xaml-style

Last synced: 21 days ago
JSON representation

A perfect circlular button which has a round highlight while hovering over it too. Posted here because there was no help for this on the internet.

• Host: GitHub
• URL: https://github.com/colinkiama/uwp-circle-button-style-
• Owner: colinkiama
• License: unlicense
• Created: 2017-03-28T02:05:09.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-01-05T09:35:57.000Z (about 1 year ago)
• Last Synced: 2024-11-14T14:04:43.649Z (3 months ago)
• Topics: button, circle, custom, custom-contol, how-to-make-a-circle-button, how-to-make-a-circular-button, how-to-make-an-ellipse-button, uwp, xaml, xaml-style
• Homepage:
• Size: 36.1 KB
• Stars: 16
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# UWP-Circle-Button-Style-

A perfect circlular button which has a round highlight while hovering over it too. Posted here because there was no help for this on the internet.

![Image Preview](circleButtonGIF.gif "Preview")

Go ahead and fork it. Make it your own ;)

How to use this style


You can either add the style in between resources tags like this: 

``` XAML

   

```

Or you can add it directly into the Style tags of a button (In order for this to work, you need to remove the x:Key attribute) :

``` xaml

 

  

    

  

 

 ```

 

 Note: Whenever you see ``, literally copy and paste the style from the xaml file in that position.