In collapsed state the expander takes only the space needed by the header. In expanded state it takes the size of header and content together.
 |
| Christian Moser | |
|
| Commented on 17.May 2009 |
Hi Andrey,
it's definitely possible to rotate the header. There are multiple solutions to do that. I think the simplest way is to use a LayoutTransform on the content of the header. If you are using Expression Blend you find it in the properties on the root element of your header.
I hope this helps.
Greetings
Christian
|
|
|
|
| Gary | |
|
| Commented on 22.May 2009 |
Gary Is Back.
I was aware og the expander and how it works, I was just asking if this is really a tutorial? It just doesn't show much.
You all need to calm down, this site is good but hardly telling people what they don't already know.
After all it's called WPFTutorial.net and what we see here is simply a block of XAML stating the obvious.
Christian and tore, thanks for the answer on using stack panel with expander to do that.
John, this is not Gary's site. Mike you're response is really rather pointless.
|
|
|
|
| AD | |
|
| Commented on 5.June 2009 |
| Is it possible to place button controls in the Hader of the expander?
|
|
|
|
| Christian Moser | |
|
| Commented on 8.June 2009 |
Hi AD,
yes, you can. The header is just a content property of type object. You can put in everything you like. But if you want to replace the Expand/Collapse icon, you need to create a control template. Then it would be easy to use a toggle button to manage the state of the expansion.
|
|
|
|
| d72 | |
|
| Commented on 9.June 2009 |
| Seems to me that stackpanel doesn't work the way described (or I'm doing something wrong). I need few expandables on top of each other. I grouped them in the stackpanel but when closing one on the top, others don't move up to fill the epty place. What am I missing here?
|
|
|
|
| KRSKUTTY | |
|
| Commented on 30.June 2009 |
| Very Nice...
|
|
|
|
| Patel Dishant | |
|
| Commented on 1.July 2009 |
| How To Put Image In WPF
|
|
|
|
| SUMANTH | |
|
| Commented on 13.August 2009 |
hi
can you plese tell me when the page is loaded the expander should be collapsed manner can you please tell me which property is to be set
|
|
|
|
| Nikhil | |
|
| Commented on 13.August 2009 |
Re:d72,
Don't specify any height and width for your expander. Rather specify height and width for contents inside your expander.
<StackPanel>
<Expander Header="Home" Name="expanderHome" Width="600" >
<Canvas Height="154" Width="490" >
// Other controls
</Canvas>
</Expander>
// Your other expanders
</StackPanel>
Hope this helps.
Regards,
Nikhil.
|
|
|
|
| C.Mallikarjuna | |
|
| Commented on 23.September 2009 |
| very nice but i want to know how and where collapse, Expand is to be implemented for Expander control.
|
|
|
|
| ibrar shah | |
|
| Commented on 21.December 2009 |
| Nice begening help
|
|
|
|
| T Mannino | |
|
| Commented on 20.January 2010 |
| I have a question. I have a expander working with my RSS feeds. What I want to do is it I expand an item I want the currently expanded item to collapse. How do I do that?
|
|
|
|
| Will | |
|
| Commented on 8.February 2010 |
| I have similar requirement as T Mannino, is there anyone know if there's an existing control with this behavior? or i need to create a new one?
|
|
|
|
| Christian Moser | |
|
| Commented on 8.February 2010 |
Hi Will,
you can use an ItemsControl in combination with an DataTemplate to render a dynamic list of items. The data template defines the visual appearance of one entry. By encapsulating a ContentPresenter into an Expander you should get the behavior you're requesting for.
I hope this helps
Christian
|
|
|
|
| me | |
|
| Commented on 19.February 2010 |
| fuck your ass your son of a bitch!!!!!!!!!!!! and remove this horrible pic of the site...
|
|
|
|
| Hey!! | |
|
| Commented on 23.February 2010 |
| this man "me" is Crazy!!!
|
|
|
|
| Amit | |
|
| Commented on 25.February 2010 |
| Cool tutorial , really liked it.
|
|
|
|
| mike c | |
|
| Commented on 7.March 2010 |
| The Tutorial was not a tutorial, but there were some interesting comments on what posters wanted and possible solutions.
|
|
|
|
| chintu | |
|
| Commented on 6.April 2010 |
| nice work
|
|
|
|
| Ismail | |
|
| Commented on 12.April 2010 |
| Nice Article. But how to make the expander to expand and close slowly. kindly help
|
|
|
|
| Xarzu | |
|
| Commented on 11.May 2010 |
| How does one make the the header a gray color so one can tell it apart from the other content?
|
|
|
|
| Bally | |
|
| Commented on 13.May 2010 |
I followed the tutorial as said but its still giving me problems.Instead of the expander when expanded to push other expanders down, and closes the gap when collapsed.It expands but on others.Please how can i make it push other expanders down when it expands and pull the expanders back to their position when it collapses. Are there any properties that can be modified to make it work?
Here is my sample code using Expression Blend 3.
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"
x:Class="WpfApplication1.MainWindow"
x:Name="Window"
Title="MainWindow" WindowStartupLocation="CenterScreen" WindowState="Maximized">
<Window.ContextMenu>
<ContextMenu/>
</Window.ContextMenu>
<Grid x:Name="LayoutRoot">
<StackPanel>
<Expander VerticalAlignment="Top" Header="Expander" Width="Auto" Height="Auto" ExpandDirection="Down" HorizontalAlignment="Left">
<Canvas>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.342*"/>
<ColumnDefinition Width="0.658*"/>
</Grid.ColumnDefinitions>
<Label Margin="0,0,-0.001,0" Content="Label" d:LayoutOverrides="Width, Height"/>
<Button HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Content="Button" Margin="0,38,0,0"/>
<CheckBox HorizontalAlignment="Left" VerticalAlignment="Bottom" Content="CheckBox" Margin="0,0,0,-19.96" d:LayoutOverrides="VerticalAlignment"/>
</Grid>
</Canvas>
</Expander>
<Expander VerticalAlignment="Top" Header="Expander" Width="Auto" Height="Auto" ExpandDirection="Down" HorizontalAlignment="Left">
<Canvas>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.342*"/>
<ColumnDefinition Width="0.658*"/>
</Grid.ColumnDefinitions>
<Label Margin="0,0,-0.001,0" Content="Label" d:LayoutOverrides="Width, Height"/>
<Button HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Content="Button" Margin="0,38,0,0"/>
<CheckBox HorizontalAlignment="Left" VerticalAlignment="Bottom" Content="CheckBox" Margin="0,0,0,-19.96" d:LayoutOverrides="VerticalAlignment"/>
</Grid>
</Canvas>
</Expander>
</StackPanel>
</Grid>
</Window>
|
|
|
|
| Liz | |
|
| Commented on 10.June 2010 |
| Gary, I came here looking to check that an Expander did what I thought it might do, and the syntax of how to use it. Perfect. Thanks!
|
|
|
|
| Vishal Pandit | |
|
| Commented on 8.July 2010 |
| I want to know can we change the position of exapnder pointer without effecting the internal things in expander
|
|
|
|
| Phil R | |
|
| Commented on 31.August 2010 |
| I, too, got what I needed.
|
|
|
Share...
Feed
About me...
Comments on this article
