WPF TextBox and Scroll behavior

by

The problem is that the parent elements are providing TextBox with as much space as it thinks it needs, and when more text is present it will expand instead of staying at the initial automatic size.

One solution here is to make another auto-sized element and bind the TextBox.Width to it:

<DockPanel>
    <TreeView Width="150" DockPanel.Dock="Left"/>
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <TextBlock Margin="5" VerticalAlignment="Center" Text="Name"/>
            <Border x:Name="b" Grid.Column="1" Margin="5"/>
            <TextBox Width="{Binding ActualWidth, ElementName=b}"
                     MinWidth="200"
                     Grid.Column="1"
                     Margin="5"
                     VerticalAlignment="Center"
                     Text="Some Name"/>
        </Grid>
    </ScrollViewer>
</DockPanel>

Note that we set the Margin property of the auto-sizing element (the Border). This is important because if it’s not set, there will be a loop:

  1. Border width autosizes to Grid column width
  2. TextBox width resizes to Border.ActualWidth
  3. Grid column width resizes to TextBox width + TextBox margin
  4. Border width autosizes to Grid column width again

By setting the Margin to the same as the TextBox, the resizing of the TextBox won’t affect the Grid size.

More Related Contents:

  1. How can I find WPF controls by name or type?
  2. How to make overlay control above all other controls?
  3. How to change disabled background color of TextBox in WPF
  4. Where is the WPF Numeric UpDown control?
  5. How to Stretch WPF Tab Item Headers to Parent Control Width
  6. What is the best way to simulate a Click with MouseUp & MouseDown events or otherwise?
  7. How to access a WPF control located in a ControlTemplate?
  8. WPF ComboBox without drop-down button
  9. Get Absolute Position of element within the window in wpf
  10. How to bind inverse boolean properties in WPF?
  11. Disable DPI awareness for WPF application
  12. ItemContainerGenerator.ContainerFromItem() returns null?
  13. Convert memory stream to BitmapImage?
  14. What is it about DataTable Column Names with dots that makes them unsuitable for WPF’s DataGrid control?
  15. WPF Binding to local variable
  16. Set the caret/cursor position to the end of the string value WPF textbox
  17. Binding errors not showing on output window
  18. Creating an instance of a nested class in XAML
  19. Using WPF Validation rules and the disabling of a ‘Save’ button
  20. WPF Databind Before Saving
  21. Using MS ReportViewer in WPF
  22. Best way to make WPF ListView/GridView sort on column-header clicking?
  23. Different views / data template based on member variable
  24. Difference between Label and TextBlock
  25. Binding to DateTime.Now. Update the value
  26. WPF: Changing Resources (colors) from the App.xaml during runtime
  27. Why don’t these animations work when I’m using a storyboard?
  28. Colors in Visual Studio Extension
  29. In what scenarios does freezing WPF objects benefit performance greatly?
  30. Set WPF webbrowser control to use IE10 mode

Leave a Comment