Databases
StackOverflow2013
Postsdbo
POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
    primarykey
    data
    text
    <p><strong>Background:</strong></p> <p>I am generating the UI for a settings page. The settings are stored within a Dictionary as the settings will be different for each <em>object</em> in question.</p> <p><strong>Problem:</strong></p> <p>The <code>ScrollableHeight</code> of a <code>ScrollViewer</code> is not acurate to the size of the content. When the content of the <code>ScrollViewer</code> changes the <strong><code>ScrollableHeight</code> is not reset, but appends the height of the new content.</strong></p> <p><strong>When:</strong></p> <p>I am generating content within a <code>Grid</code>, which is a child element within the <code>ScrollViewer</code>. The content being <code>RowDefinitions</code> where name-value pairs are displayed as <code>TextBlocks</code> and <code>TextBoxes</code>. When a different <em>object</em> is selected in order to edit its properties, the Grid's Children are cleared and the UI to display the properties is regenerated. As I mentioned before in the problem defintion, the generated content's height is appended to the <code>ScrollViewer</code>'s <code>ScrollableHeight</code> property.</p> <p><strong>What I have learned:</strong></p> <p>My first thought was to clear the <code>ScrollViewer</code>'s <code>ScrollableHeight</code> and for each row added append the height of the row in order to achieve the correct size. The issue is that <code>ScrollableHeight</code> cannot be set (private setter).</p> <p><strong>Code:</strong></p> <p>XAML:</p> <pre><code>&lt;ScrollViewer Name="svScroller" Grid.Row="0"&gt; &lt;Grid x:Name="gdPropertyGrid" Margin="10"&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="35*" /&gt; &lt;ColumnDefinition Width="65*" /&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;/Grid&gt; &lt;/ScrollViewer&gt; </code></pre> <p>C#:</p> <pre><code>//Get Selected Item var listBox = ((ListBox)sender); var provider = listBox.SelectedItem as IProviderConfiguration; if (provider != null) { tbTitle.Text = String.Format("Properties for {0}",provider.Name); int rowCount = 0; PropertyGrid.Children.Clear(); //Get properties foreach (var property in provider.Properties) { //Create Grid Row var rowDef = new RowDefinition() {Height = new GridLength(30)}; PropertyGrid.RowDefinitions.Add(rowDef); //Create Name Label var tbPropertyName = new TextBlock { Text = property.Key, VerticalAlignment = VerticalAlignment.Center }; //Create Value input var tbPropertyValue = new TextBox { Text = property.Value.ToString(), VerticalAlignment = VerticalAlignment.Center }; //Add TextBlock &amp; TextBox Grid PropertyGrid.Children.Add(tbPropertyName); PropertyGrid.Children.Add(tbPropertyValue); //Set Grid.Row Attached property Grid.SetRow(tbPropertyName, rowCount); Grid.SetRow(tbPropertyValue, rowCount); Grid.SetColumn(tbPropertyValue, 1); rowCount++; } } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDave Clemmer
    1. USholsee
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
      1. USuser7116
      1. VTFavorite
    1. COI would suggest using a ListBox and a DataTemplate to make this easier than using a ScrollViewer and Grid which you must perturb from code behind.
      singulars
      1. POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
      1. USuser7116
    2. COAgreed, a ListBox with a DataTemplate would allow for an elegant solution indeed. The above solution was taken with the goal in mind to develop the screen which would "match" the other screens which are TextBlock TextBox pairs within a Grid. But you are correct this could be achieved with a DataTemplate. I am not ever a fan of implementing UI in C# as it should be in XAML. If the situation warrented it I would develop a complete PropertyGrid control or use an open source implementation as I saw fit such as http://www.codeplex.com/wpg. Thanks
      singulars
      1. POWPF: How to reset / recalculate ScrollViewer "ScrollableHeight"
      1. USholsee
 

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.

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