Change PropertyGridDataAccessorItem for Categories

Comments (9)

Posted 13 years ago by Actipro Software Support - Cleveland, OH, USA

Hi Patric,

The background of the category items is mostly (if not completely) covered up by other elements, such as the header row or sub-properties. You can make the header row's background transparent though, so the background will show through like so:

xmlns:themes="http://schemas.actiprosoftware.com/winfx/xaml/themes"
...
<SolidColorBrush x:Key="{x:Static themes:PropertyGridCommonDictionary.CategoryHeaderBackgroundBrushKey}" Color="Transparent" />

<Style TargetType="{x:Type propgrid:PropertyGridDataAccessorItem}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding DataAccessorType, RelativeSource={RelativeSource Self}}" Value="Category">
            <Setter Property="Background" Value="Pink" />
        </DataTrigger>
    </Style.Triggers>
</Style>

You can get the depth of an item using the PropertyGridDataAccessorItem.Depth or CategoryDepth properties. Also, you can change the indentation using the PropertyGridDataAccessorItem.IndentationIncrement property.

Actipro Software Support

Posted 13 years ago by pgenfer

Hi,

This was exactly what I was looking for!

Thanks again for your fast and comprehensive help.

Greetings,

Patric

Posted 12 years ago by Dariusz Wasacz

Is this method still valid on the current release (Version 2011.2 build 0551)?
When I enter the above, the designer gives me the error: "Type 'themes:PropertyGridCommonDictionary' was not found."

Posted 12 years ago by Actipro Software Support - Cleveland, OH, USA

Hi Dariusz,

No, as described in our help file, we have consolidated our brush assests across all our products to simplify our themes, making it easier to provide a consistent look (as well as easier to build customize themes). That specific resource was replaced by:

themes:AssetResourceKeys.ContainerMediumBackgroundNormalBrushKey

Actipro Software Support

Posted 12 years ago by Dariusz Wasacz

Thank you for the answer. :-)

When set color of a category, only the row with the category itself is changed. Is there any way to change the color of the indentation of properties? It is grey, and I wanted it to be the same as category color.

Posted 12 years ago by Actipro Software Support - Cleveland, OH, USA

Hi Dariusz,

For that you would need to set the TreeListViewToggleButton.CategoryBackground property for the various toggle buttons used by the property items. Something like this will change all the indentation borders to Red:

<Style x:Key="{x:Type propgrid:TreeListViewToggleButton}" TargetType="{x:Type propgrid:TreeListViewToggleButton}">
    <Setter Property="CategoryBackground" Value="Red" />
</Style>

If you wanted to have the TreeListViewToggleButton.CategoryBackground match the parent category, then you'd have to use a custom attached/inherited dependency property, say MyProperties.CategoryBackgroundProperty. Then set that property on the category, instead of Background, and bind things like:

<Style TargetType="{x:Type propgrid:PropertyGridDataAccessorItem}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=DataAccessorType}" Value="Category">
            <Setter Property="local:MyProperties.CategoryBackground" Value="Pink" />
            <Setter Property="Background" Value="{Binding RelativeSource={RelativeSource Self}, Path=(local:MyProperties.CategoryBackground)}" />
        </DataTrigger>
    </Style.Triggers>
</Style>

<Style x:Key="{x:Type propgrid:TreeListViewToggleButton}" TargetType="{x:Type propgrid:TreeListViewToggleButton}">
    <Setter Property="CategoryBackground" Value="{Binding RelativeSource={RelativeSource Self}, Path=(local:MyProperties.CategoryBackground)}" />
</Style>

Actipro Software Support

Posted 12 years ago by Dariusz Wasacz

Can't get it working :-(

I defined the attached property like this:

   public static class CategoryBackgroundProvider
   {
      public static Brush GetCategoryBackground(DependencyObject obj)
      {
         return (Brush)obj.GetValue(CategoryBackgroundProperty);
      }

      public static void SetCategoryBackground(DependencyObject obj, Brush value)
      {
         obj.SetValue(CategoryBackgroundProperty, value);
      }

      public static readonly DependencyProperty CategoryBackgroundProperty =
          DependencyProperty.RegisterAttached("CategoryBackground", typeof(Brush), typeof(CategoryBackgroundProvider));

   }

and the xaml is (according to your previous post):

        <Style TargetType="{x:Type propgrid:PropertyGridDataAccessorItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=DataAccessorType}"
                             Value="Category">
                    <Setter Property="local:CategoryBackgroundProvider.CategoryBackground"
                            Value="Pink" />
                    <Setter Property="Background"
                            Value="{Binding RelativeSource={RelativeSource Self}, Path=(local:CategoryBackgroundProvider.CategoryBackground)}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="{x:Type propgrid:TreeListViewToggleButton}"
               TargetType="{x:Type propgrid:TreeListViewToggleButton}">
            <Setter Property="CategoryBackground"
                    Value="{Binding RelativeSource={RelativeSource Self}, Path=(local:CategoryBackgroundProvider.CategoryBackground)}" />
        </Style>

Now the category caption is pink, but the indent area is white (blank).

Posted 12 years ago by Actipro Software Support - Cleveland, OH, USA

Hi Dariusz,

Your attached property is not defined as inherited, you'd need to use something like:

public static readonly DependencyProperty CategoryBackgroundProperty =
          DependencyProperty.RegisterAttached("CategoryBackground", typeof(Brush), typeof(CategoryBackgroundProvider),
          new FrameworkPropertyMetadata(Brushes.White, FrameworkPropertyMetadataOptions.Inherits));

Because you didn't specify the inherited option, the Brush set on the category would not be passed down the to the toggle buttons.

Actipro Software Support

Posted 12 years ago by Dariusz Wasacz

Now it works perfect! Thank you :-)

The latest build of this product (v24.1.1) was released 2 months ago, which was after the last post in this thread.

Comments (9)

Add Comment