PropertyGrid - propertygrid gets cutoff in popup and how to apply Whalesong style to my style

Hello,

Please find attached repro project for the related issues and questions.

When you run the application you will see 4 buttons on the right.

Clicking them will bring up a popup which contains a propertygrid.

I'm also using a custom control derived from your propertygrid with a given style. In this style I set a datatemplate for the PropertyNameTemplate. The template is the template you gave me in a previous posting for making the row a bit higher.

Here are my issues:

1. If I use my style in the popup containing a propertygrid gets chopped off. If I collapse and expand or add a new item then it's no longer chopped off. Also if I don't use the template for PropertyNameTemplate there is no problem.

2. How can I apply a different theme to my propertygrid. You will note in the repro that if I apply Whalesong to the original propertygrid it works fine but doing the same thing to my propertygrid it does not work.

3. How can I change the look of the "add item" and "remove item" buttons. The current ones are too small. Something like the ones used in the Whalesong are much better.

Thanks

Oscar

Hi Oscar,

Thanks for sending through a repro project.

1. I did not see the property grid get chopped off in this case. Unless you're meaning when the popup hits the bottom of the screen, it sometimes displays the scroll bar in the PropertyGrid rather than moving the Popup upwards? I don't think anything can be done in this case. Send a screen shot if that's not the issue.
2. I think the Whalesong theme does not apply to your property grid because it's targeting a control of type PropertyGrid, but your extension of course has a different name - PropertyGridPlus. Note that a control can only have one style applied to it at one time. In MyStyles.xaml you have a Style applied to your PropertyGridPlus. If you want to apply Whalesong to your PropertyGrid, you can change the merged dictionary in your MyStyles.xaml file to ms:Whalesong. Since your style uses BasedOn, it will pick up the PropertyGrid style from Whalesong. As for providing different themes, you'd have your own xaml file for each theme. Each file will contain a Style that targets PropertyGridPlus. Then you'd be able to use your theme files in merged dictionaries, like you would with our themes.
3. Examples of styling these button can be found in the themes we provide, such as Whalesong. The theme files are in the install directory of WPF Elements. Search for CollectionAddCommand and CollectionRemoveCommand to find what you need to customize.

Let me know if you have questions about any of this.

-Jason Fauchelle

Thanks Jason

Replies for 2. and 3. are fine.

For 1. I have included a word document with 3 screen shots.

I changed the MinHeight="50" in the DataTemplate x:Key="MsPropNameTemplate" to make it more obvious.

You will note that in the first screen shot (press first button) the propertygrid gets cut off at the second value and below. If I collapse and expand the propertygrid then all the values are shown (this is image 2). This is the propertygrid with MyStyle. If I do not use the datatemplate for the propertyname (i.e. MsPropNameTemplate) then everything is okay. The datatemplate is the one you suggested to increase the height of the row.

If you look at the third image you will see that the propertygrid is not cutoff (press second button). This propertygrid is the Mindscape propertygrid without any styling.

...Oscar

Thanks Oscar,

When I rebuilt the project, the issue could be reproduced. Unfortunately I have not been able to determine the cause of this issue. Using Snoop, I can see that the ActualHeight of the elements within the Popup, including the root element, are all what they should be, and yet the Popup is cutting off the content.

The PropertyGrid themes (not including Generic of course) that we provide do seem to work however. I've been able to determine that this is because the style that manages the expander button applies an animation to the content which seems to cause a recalculation to occur affecting the the size of the Popup to be correct. I have not been able to provide a fix at our end, but you should be able to fix this by customizing the template of the property grid and including an animated container style from another theme. In Whalesong for example, the container style you'll want to find is called AllSingingAllDancingTreeViewItem. Looking through the Whalesong theme will help you to build your own custom PropertyGrid template.

Hope that helps workaround the issue!

-Jason Fauchelle