Controlling the Name/Value width ratio of the property grid

Hi Gustavo,

The width of the columns are defined as GridLength values and can be set or retrieved via the PropertyGrid.Columns collection. The name column is at index 0, and the value column is at index 1. So you can do something like this to initialize the widths as you described above:

Thank you.

How can I bind to that value? I've tried the following:

Binding captionBinding = new Binding("CaptionWidth");
captionBinding.Mode = BindingMode.TwoWay;
captionBinding.Source = this;
propertyGrid.Columns[0].GetColumnDefinition().SetBinding(ColumnDefinition.WidthProperty, captionBinding);

Binding valueBinding = new Binding("ValueWidth");
valueBinding.Mode = BindingMode.TwoWay;
valueBinding.Source = this;
propertyGrid.Columns[1].GetColumnDefinition().SetBinding(ColumnDefinition.WidthProperty, valueBinding);


public static readonly DependencyProperty CaptionWidthProperty =
DependencyProperty.Register("CaptionWidth", typeof(GridLength), typeof(Properties),
new FrameworkPropertyMetadata(new GridLength(1, GridUnitType.Star),
new PropertyChangedCallback(OnCaptionWidthChanged)));

public static readonly DependencyProperty ValueWidthProperty =
DependencyProperty.Register("ValueWidth", typeof(GridLength), typeof(Properties),
new FrameworkPropertyMetadata(new GridLength(100, GridUnitType.Pixel),
new PropertyChangedCallback(OnValueWidthChanged)));

public GridLength CaptionWidth {
get { return (GridLength)GetValue(CaptionWidthProperty); }
set { SetValue(CaptionWidthProperty, value); }
}

public GridLength ValueWidth {
get { return (GridLength)GetValue(ValueWidthProperty); }
set { SetValue(ValueWidthProperty, value); }
}

private static void OnCaptionWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) {
}

private static void OnValueWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) {
}

But OnCaptionWidthChanged & OnValueWidthChanged are never called.
What am I doing wrong?

Best Regards,
Gustavo Guerra

Hi Gustavo,

You need to bind to the Width property of the TreeListViewColumn object, like so: Keep in mind that the width of the name column will not be changed. The size of the value column is sized to give or take more room.

Thank you.