To edit the template of a button, perform the following steps:
To edit the template of a button, we need to right-click on the button and select Edit Template | Edit Current. This action is described in great detail in the following screenshot:
We will see the components of the template. We also notice that the presentation of the button is made up of a border with a content presenter in it.
Change Layout Type from Border to Grid and rename Border to
LayoutGrid
. This is shown in the following screenshot:Go to the Assets panel, search for Ellipse, and select and drag Ellipse in the grid above contentPresenter. This is depicted in the following screenshot:
Select LayoutGrid in the Objects and Timeline panel and Reset the Background property in the Property panel. This is amply conveyed to you by the following screenshot:
Select Ellipse in the Objects and Timeline panel, and then change the following properties:
Set Height and Width of Ellipse to auto
Set HorizontalAlignment...