StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POWPF Headered Content Control
primarykey
Id
18038946
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-08-04T01:33:37.620
FavoriteCount
0
LastActivityDate
2013-08-04T01:40:23.320
LastEditDate
2013-08-04T01:40:23.320
LastEditorUserId
72974
OwnerUserId
72974
ParentId
0
PostTypeId
1
Score
0
ViewCount
622
LastEditorDisplayName
text
Body
Good Day, I have a Wizard Type application that uses a HeaderedControlControl on the top row of a grid and the Forward, Next, Cancel buttons on the bottom row of the grid. <pre><code><Grid> <Grid.RowDefinitions> <RowDefinition Height="*" />  <RowDefinition Height="40" />  </Grid.RowDefinitions> <Border Grid.Row="0" Grid.Column="0" BorderThickness="1" BorderBrush="#FFF30A0A"> <HeaderedContentControl Content="{Binding Path=CurrentPage}" ClipToBounds="True" Header="{Binding Path=CurrentPage.Name}" ScrollViewer.CanContentScroll="True" /> </Border> </Grid> </code></pre> There are a total of 7 pages in the Wizard and everything is working fine so far except the layout of one of the pages. The following is the XAML markup for that page. <pre><code> <Grid Name="GridMain"> <Grid.RowDefinitions> <RowDefinition Height="0.5*" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <StackPanel Name="StackPanelRow0" Grid.Row="0"> <TextBlock Padding="5,1,2,3" Style="{StaticResource textblockBoldFont}" Text="{Binding DisplayName}" /> <TextBlock Padding="5,0,0,0" Text="Execute the Data Import and monitor its progress. Large files will take longer depending upon network connection." /> </StackPanel> <Grid Name="GridSub" Grid.Row="1" ShowGridLines="True"> <Grid.RowDefinitions> <RowDefinition Height="0.5*" /> <RowDefinition Height="0.5*" /> <RowDefinition Height="0.5*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Button Grid.Row="0" Command="{Binding BeginImport}" Content="Import" Style="{StaticResource BeginImport}" /> <TextBlock Grid.Row="2" Margin="5" Text="Review Information:" /> <TextBlock x:Name="ImportStatusMesage" Grid.Row="3" Margin="5,0,5,10" FontSize="18" Foreground="#FF00FF00" Style="{StaticResource DataImportCompletedStyle}" Visibility="Collapsed" />  <StackPanel Grid.Row="3" Background="#FF92B00E" Orientation="Horizontal"> <ListBox VerticalAlignment="Stretch" DisplayMemberPath="DisplayPath" ItemsSource="{Binding ImportGroupSelectedFiles}" /> <TextBlock Margin="10,0,0,0" Text="{Binding FileImportData}" /> </StackPanel> </Grid> </Grid> </code></pre> The ListBox can have a total of up to 150 files. The problem I'm having is that when the application is initially launched, the size of the window is 500 x 400. When the listbox has that many files, I want to see the listbox with vertical scrollbars. Once I resize the window, the vertical scrollbars should go away. So far, I've tried setting the ListBox height (which I don't want to do as the user can resize the window), I've also tried changing the Grid Row to Auto, but that's not working either. Here is what I want the application to look like: <img src="https://i.stack.imgur.com/SvAbT.png" alt="enter image description here"> But this is how it appears right now: <img src="https://i.stack.imgur.com/dm005.png" alt="enter image description here"> This is when I use Snoop to examine the layout of the ListBox <img src="https://i.stack.imgur.com/QwWu4.png" alt="enter image description here"> Does anyone have any suggestions? TIA, coson
Tags
<wpf><layout>
Title
WPF Headered Content Control
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. UScoson
UserOwnerUserId
1. UScoson
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COTry switching the `StackPanel` holding the `ListBox` and `TextBlock` to a `DockPanel`. Looks like your `ListBox` ends up getting all it's `DesiredHeight` because of the `StackPanel`. `DockPanel` would not allow that forcing it to then use a `Scrollbar` and give you your required behavior. Oh you shouldnt be giving the `Grid.Row` this `DockPanel` is in to `Height=Auto` either. "Auto" would let the control get all the Height it desires than limit it to what's available. Use "*" (with a multiplier if needed) for that.
 singulars
 PostPostId
 POWPF Headered Content Control
 UserUserId
 USViv
2. COAgreed with Viv. Keep in mind that the last control in the DockPanel will be the one that takes all of the remaining space. So the last item should be your ListBox
 singulars
 PostPostId
 POWPF Headered Content Control
 UserUserId
 USChris Klepeis

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.