StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Reposting my answer from <a href="http://connect.microsoft.com/VisualStudio/feedback/details/509801/" rel="noreferrer">ms connect</a>:</p> <p>You can usually work around this by not using SharedSizeGroup and instead binding all shared sizes to single property on one object (eg. your datacontext):</p> <pre><code><Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:my="clr-namespace:WpfApplication3" Height="350" Width="525" Title="MainWindow"> <Window.DataContext> <my:MainWindowData Width0="1*" Width1="1*" /> </Window.DataContext> <Window.Resources> <DataTemplate x:Key="dt"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="{Binding Path=Width0, Mode=TwoWay}" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="{Binding Path=Width1, Mode=TwoWay}" /> </Grid.ColumnDefinitions> <Button Grid.Column="0" Content="{Binding Width0}" /> <GridSplitter Grid.Column="1" Width="10" ResizeBehavior="PreviousAndNext" ResizeDirection="Columns" /> <Button Grid.Column="2" Content="{Binding Width1}" /> </Grid> </DataTemplate> </Window.Resources> <StackPanel> <ContentPresenter Content="{Binding}" ContentTemplate="{StaticResource dt}" /> <ContentPresenter Content="{Binding}" ContentTemplate="{StaticResource dt}" /> </StackPanel> </Window> </code></pre> <p>Where Width0 and Width1 are of matching type (GridLength). It works with any kind of sizing (fixed, star and auto) in any combination. </p> <p><strong>UPDATE</strong>:</p> <p>Alternatively and perhaps better, instead of binding to DataContext, you can do it purely in XAML. Just define a single master grid (not necessarily a parent but you need some way to reference it) with named columns then bind to them by name.</p> <pre><code><Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="350" Width="525" Title="MainWindow">   <Grid Name="masterGrid" Grid.IsSharedSizeScope="True"> <Grid.ColumnDefinitions> <ColumnDefinition Width="1*" Name="masterColumn0" /> <ColumnDefinition Width="Auto" SharedSizeGroup="masterColumn1" /> <ColumnDefinition Width="1*" Name="masterColumn2" /> </Grid.ColumnDefinitions> <StackPanel Grid.ColumnSpan="3"> <StackPanel.Resources> <DataTemplate x:Key="dt"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="{Binding Path=Width, Mode=TwoWay, ElementName=masterColumn0}" /> <ColumnDefinition Width="Auto" SharedSizeGroup="masterColumn1" /> <ColumnDefinition Width="{Binding Path=Width, Mode=TwoWay, ElementName=masterColumn2}" /> </Grid.ColumnDefinitions> <Button Grid.Column="0" Content="{Binding Path=Width, Mode=TwoWay, ElementName=masterColumn0}" /> <Button Grid.Column="2" Content="{Binding Path=Width, Mode=TwoWay, ElementName=masterColumn2}" /> </Grid> </DataTemplate> </StackPanel.Resources> <ContentPresenter ContentTemplate="{StaticResource dt}" /> <ContentPresenter ContentTemplate="{StaticResource dt}" /> </StackPanel> <GridSplitter Grid.Column="1" Width="10" ResizeBehavior="PreviousAndNext" ResizeDirection="Columns" ShowsPreview="True" /> </Grid> </Window> </code></pre> <p>This has added benefit of using a single grid splitter shared by all grids.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload