Layout within a button using Grid : Grid « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Grid

Layout within a button using Grid

       


<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Center" VerticalAlignment="Center">
    <Button HorizontalAlignment="Center" VerticalAlignment="Center">
      <Grid>
        <Grid.ColumnDefinitions>
          <ColumnDefinition />
          <ColumnDefinition />
          <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
          <RowDefinition />
          <RowDefinition />
          <RowDefinition />
        </Grid.RowDefinitions>
    
        <Ellipse Grid.Column="0" Grid.Row="0" Fill="Blue" Width="10" Height="10" />
        <Ellipse Grid.Column="2" Grid.Row="0" Fill="Blue" Width="10" Height="10" />
        <Ellipse Grid.Column="0" Grid.Row="2" Fill="Blue" Width="10" Height="10" />
        <Ellipse Grid.Column="2" Grid.Row="2" Fill="Blue" Width="10" Height="10" />
    
        <Ellipse Grid.ColumnSpan="3" Grid.RowSpan="3" Stroke="LightGreen" StrokeThickness="3" />
        <TextBlock Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" Text="Click!" />
      </Grid>
    </Button>
</Page>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	The first row of a grid
2.	Positioning elements using a Grid
3.	Label in a Grid
4.	Display Content in Resizable Split Panel
5.	Place more than two object to one cell
6.	Add StackPanel to Row 0
7.	Using the attached properties of Grid
8.	Two columns and three rows columns
9.	Fixed column width
10.	Grid with row and column definition and place buttons to grid cells
11.	Shared Size Groups
12.	DoubleSplit Window
13.	Grid PreviewMouseDown action and MouseDown action
14.	Grid MouseMove
15.	Grid MouseLeftButtonDown
16.	Grid MouseLeftButtonUp
17.	Use the Grid to create a dialog box that uses the WPF layout API
18.	Is Grid ReadOnly
19.	Dynamically add Button to a Grid and add Action listener
20.	Setting Grid row heights in code
21.	Layout Controls with Grid in code
22.	Show Grid lines in code
23.	Grid mouse down event
24.	Grid Preview mouse down event
25.	Put Button onto a Grid
26.	Use the IsSharedSizeScope attached property of the Grid element
27.	Change the margins of an element that is within a Grid by XAML and programmatic code
28.	Programmatically use the positioning methods of Grid
29.	Add a ColumnDefinition to Grid
30.	Add a RowDefinition to Grid
31.	Clear All Columns
32.	Clear All Rows
33.	Remove One Column
34.	Remove One Row
35.	The current number of Columns
36.	The current number of Rows
37.	Remove 5 Columns with ColumnDefinitions.RemoveRange
38.	Remove 5 Row with RowDefinitions.RemoveRange
39.	Contains Row
40.	Contains Column?
41.	Insert Row
42.	Insert Column
43.	Set control to specific row and column in code
44.	The default GroupStyle indents the items in a group
45.	A resizable layoutbased on Grid