In my opinion, this kind of scenario is suitable to use UXAccordion. It has SelectionMode property which you can set its value to One. In this mode, only one item can active at a time.

Should you need to keep the appearance of the ExpandableGroupBox, please try to edit the header template using Blend designer.

In my opinion, this kind of scenario is suitable to use UXAccordion. It has SelectionMode property which you can set its value to One. In this mode, only one item can active at a time.

Should you need to keep the appearance of the ExpandableGroupBox, please try to edit the header template using Blend designer.

Yudi,

I first thought about using UXAccordion but it is ugly and doesn't fit with the other controls (without proper theming). That's why I choosed ExpandableGroupBox.

So, it is really no option to achieve what I previously asked using this control?

If the answer is definitely no then, could you provide guided directions on how to achieve this with UXAccordion?

Thanks in advance!

I created a simple sample based on your scenario. There are two ExpandableGroupBox: ExpandableGroupBox1; and ExpandableGroupBox2. In the ViewModel, a property called MyExpanded is added. This property has Boolean type value. The IsExpanded property of the ExpandableGroupBox, is bound to MyExpanded.

A converter, MyExpandedConverter, is utilized to convert the value of MyExpanded. If MyExpanded is true, then convert it to false and vice versa. The converter is then applied to ExpandableGroupBox2.

Please find the xaml page, ViewModel class file, and the converter file in the attachment and let me know your feedback whether it helps or not.

Hello David,

If you want to use ExpandableGroupBox, it would require too much efforts since it is not automacally handled by ExpandableGroupBox. So, we suggest you to use UXArccordion. You only need to customize its style.

For the first experience, you can try to discard all color and border in UXAccordion. If you want, we will try to create a simple one for you. But please give us a little time to prepare it.

Regards,
Handy

Hello David,

The style can be adjusted and customized by using Microsoft Expression Blend. Example, in my current sample, I am able to change the border into white. Later, you only need to try customizing the header, so it can make looks like ExpandableGroupBox. For references, you can learn about the header template by learning from our UXGridView sample.

Regards,
Handy

Yudi,

I tried your code but it doesn't work. When I click the second ExpandableGroupBox the 1st doesn't contract.


Handy,

I couldn't achieve a similar control like ExpandableGroupBox with your code.. I'm not an avid WPF designer yet.

I tried to run the sample on my local end and found that when I click the second ExpandableGroupBox, the first one gets collapsed. I enclosed a video and complete project of my previous sample for reference.

Should you find anything that I miss during my attempt to reproduce the reported problem, please feel free to let me know.