Article information
Article relates to	Different Width when Collapsed and Expanded
Created by	Ivan Efimov
Last modified	11-19-2009
Last modified by

Sometimes the expander control must change its width depending on the Expand state. For example in collapsed state the width must be 100, and in expanded state to be 500, or just to respect the width of the expanded content.

In general the task can be accomplished in one of the following two ways:

• appropriate layout of the control:
  the Width is not initialized with an absolute value;
  the HorizontalAlignment is not Stretch;
• Initializing its size with an explicit value if it's necessary:
  the Expanded and the Collapsed events are handled and the Width is initializing with an absolute value.

In the attached example there are two expanders which actual width is changed according mentioned above techniques.

Please give it a try.