The first aspect of the control that you may want to customize is the layout. The control presents two columns, one with labels and one with editors. The columns have the same size by default, but you can change that by changing the value of the C1PropertyGrid.LabelWidth and C1PropertyGrid.EditorWidth properties.
For example, you could make the label column narrower in the example above by adding one line of code:
| Visual Basic |
Copy Code
|
|---|---|
Public Sub New()
InitializeComponent()
' Create object to browse
Dim customer = New Customer()
' Create C1PropertyGrid
Dim pg = New C1PropertyGrid()
LayoutRoot.Children.Add(pg)
' Customize the PropertyGrid layout
pg.LabelWidth = 100
' Show customer properties
pg.SelectedObject = customer
End Sub
|
|
| C# |
Copy Code
|
|---|---|
public Page() { InitializeComponent(); // Create object to browse var customer = new Customer(); // Create C1PropertyGrid var pg = new C1PropertyGrid(); LayoutRoot.Children.Add(pg); // Customize the PropertyGrid layout pg.LabelWidth = 100; // Show customer properties pg.SelectedObject = customer; } |
|
The result would be as shown below:
As you can see, the label column is now narrower and more room is left for the editor part. If you resize the form, you will notice that the width of the label column remains constant.
