Set a border around a StackPanel

Question

Here s my XAML code    lt Window x Class  CarFinder MainWindow          xmlns  http   schemas microsoft com winfx 2006 xaml presentation          xmlns x  http   schemas microsoft com winfx 2006 xaml          Title  Search for cars in TuMomo  Height  480  Width  600  gt       lt DockPanel Margin  8  gt           lt Border CornerRadius  6                  BorderBrush  Gray                  Background  LightGray                  BorderThickness  2                  Padding  8  gt               lt StackPanel Orientation  Horizontal                      DockPanel Dock  Top                      Height  25  gt                   lt TextBlock FontSize  14  Padding  0 0 8 0  gt                      Search                   lt  TextBlock gt                   lt TextBox x Name  txtSearchTerm  Width  400    gt                   lt Image Source   CarFinder component Images Chrysanthemum jpg    gt                           lt  StackPanel gt           lt  Border gt           lt StackPanel Orientation  Horizontal                      DockPanel Dock  Top                      Height  25  gt            lt  StackPanel gt       lt  DockPanel gt   lt  Window gt    The border is set around the entire window  And also  when I create another StackPanel it s added to the right of my previous StackPanel instead of being added under it  What s the reason for this

User · Answer

May be it will helpful      lt Border BorderBrush  Black  BorderThickness  1  HorizontalAlignment  Left  Height  160  Margin  10 55 0 0  VerticalAlignment  Top  Width  492   gt

User · Answer

What about this one     lt DockPanel Margin  8  gt       lt Border CornerRadius  6  BorderBrush  Gray  Background  LightGray  BorderThickness  2  DockPanel Dock  Top  gt           lt StackPanel Orientation  Horizontal  gt               lt TextBlock FontSize  14  Padding  0 0 8 0  HorizontalAlignment  Center  VerticalAlignment  Center  gt Search  lt  TextBlock gt               lt TextBox x Name  txtSearchTerm  HorizontalAlignment  Center  VerticalAlignment  Center    gt               lt Image Source  lock png  Width  32  Height  32  HorizontalAlignment  Center  VerticalAlignment  Center    gt                       lt  StackPanel gt       lt  Border gt       lt StackPanel Orientation  Horizontal  DockPanel Dock  Bottom  Height  25    gt   lt  DockPanel gt

User · Answer

You set DockPanel Dock  Top  to the StackPanel  but the StackPanel is not a child of the DockPanel    the Border is   Your docking property is being ignored   If you move DockPanel Dock  Top  to the Border instead  both of your problems will be fixed

[wpf] Set a border around a StackPanel.

Examples related to wpf

Examples related to orientation

Examples related to stackpanel