How could I put a border on my grid control in WPF

Question

How do I put a border on my grid in C  WPF  This is what I would like it to be  but puts a border around the whole thing instead of the grid control I put in my application   lt Grid gt       lt Border BorderBrush  quot Black quot  BorderThickness  quot 2 quot  gt           lt Grid Height  quot 166 quot  HorizontalAlignment  quot Left quot  Margin  quot 12 12 0 0 quot  Name  quot grid1 quot  VerticalAlignment  quot Top quot  Width  quot 479 quot  Background  quot  FFF2F2F2 quot    gt       lt  Border gt      and so on

User · Answer

If someone is interested in the similar problem  but is not working with XAML  here s my solution  var B1   new Border    B1 BorderBrush   Brushes Black  B1 BorderThickness   new Thickness 0  1  0  0      You can specify here which borders do you want YourPanel Children Add B1

User · Answer

If you just want an outer border  the easiest way is to put it in a Border control    lt Border BorderBrush  Black  BorderThickness  2  gt       lt Grid gt          lt  -- Grid contents here -- gt       lt  Grid gt   lt  Border gt    The reason you re seeing the border completely fill your control is that  by default  it s HorizontalAlignment and VerticalAlignment are set to Stretch   Try the following    lt Grid gt       lt Border  HorizontalAlignment  Left  VerticalAlignment  Top   BorderBrush  Black  BorderThickness  2  gt           lt Grid Height  166  HorizontalAlignment  Left  Margin  12 12 0 0  Name  grid1  VerticalAlignment  Top  Width  479  Background   FFF2F2F2    gt       lt  Border gt   lt  Grid gt    This should get you what you re after  though you may want to put a margin on all 4 sides  not just 2

User · Answer

I think your problem is that the margin should be specified in the border tag and not in the grid

User · Answer

This is my solution  wish useful for you  public class Sheet   Grid       public static readonly DependencyProperty BorderBrushProperty   DependencyProperty Register nameof BorderBrush   typeof Brush   typeof Sheet   new FrameworkPropertyMetadata Brushes Transparent  FrameworkPropertyMetadataOptions AffectsMeasure   FrameworkPropertyMetadataOptions AffectsRender  OnBorderBrushChanged         public static readonly DependencyProperty BorderThicknessProperty   DependencyProperty Register nameof BorderThickness   typeof double   typeof Sheet   new FrameworkPropertyMetadata 1D  FrameworkPropertyMetadataOptions AffectsMeasure   FrameworkPropertyMetadataOptions AffectsRender  OnBorderThicknessChanged  CoerceBorderThickness        public static readonly DependencyProperty CellSpacingProperty   DependencyProperty Register nameof CellSpacing   typeof double   typeof Sheet   new FrameworkPropertyMetadata 0D  FrameworkPropertyMetadataOptions AffectsMeasure   FrameworkPropertyMetadataOptions AffectsRender  OnCellSpacingChanged  CoerceCellSpacing         public Brush BorderBrush               get   gt  this GetValue BorderBrushProperty  as Brush          set   gt  this SetValue BorderBrushProperty  value              public double BorderThickness               get   gt   double this GetValue BorderThicknessProperty           set   gt  this SetValue BorderThicknessProperty  value              public double CellSpacing               get   gt   double this GetValue CellSpacingProperty           set   gt  this SetValue CellSpacingProperty  value              protected override Size ArrangeOverride Size arrangeSize                Size size   base ArrangeOverride arrangeSize           double border   this BorderThickness          double doubleBorder   border   2D          double spacing   this CellSpacing          double halfSpacing   spacing   0 5D          if  border  gt  0D    spacing  gt  0D                        foreach  UIElement child in this InternalChildren                                this GetChildBounds child  out double left  out double top  out double width  out double height                    left    halfSpacing   border                  top    halfSpacing   border                  height -  spacing   doubleBorder                  width -  spacing   doubleBorder                   if  width  lt  0D                                        width   0D                                     if  height  lt  0D                                        height   0D                                     left -  left   0 5D                  top -  top   0 5D                  width -  width   0 5D                  height -  height   0 5D                   child Arrange new Rect left  top  width  height                               if  border  gt  0D  amp  amp  this BorderBrush    null                                this InvalidateVisual                                     return size                 protected override void OnRender DrawingContext dc                base OnRender dc            if  this BorderThickness  gt  0D  amp  amp  this BorderBrush    null                        if  this CellSpacing    0D                                this DrawCollapsedBorder dc                             else                               this DrawSeperatedBorder dc                                      private void DrawSeperatedBorder DrawingContext dc                double spacing   this CellSpacing          double halfSpacing   spacing   0 5D             region draw border         Pen pen   new Pen this BorderBrush  this BorderThickness           UIElementCollection children   this InternalChildren          foreach  UIElement child in children                        this GetChildBounds child  out double left  out double top  out double width  out double height               left    halfSpacing              top    halfSpacing              width -  spacing              height -  spacing               dc DrawRectangle null  pen  new Rect left  top  width  height                       endregion            private void DrawCollapsedBorder DrawingContext dc                RowDefinitionCollection rows   this RowDefinitions          ColumnDefinitionCollection columns   this ColumnDefinitions          int rowCount   rows Count          int columnCount   columns Count          const byte BORDER LEFT   0x08          const byte BORDER TOP   0x04          const byte BORDER RIGHT   0x02          const byte BORDER BOTTOM   0x01          byte    borderState   new byte rowCount  columnCount           int column   columnCount - 1          int columnSpan          int row   rowCount - 1          int rowSpan           region generate main border data         for  int i   0  i  lt  rowCount  i                          borderState i  0    BORDER LEFT              borderState i  column    BORDER RIGHT                     for  int i   0  i  lt  columnCount  i                          borderState 0  i     BORDER TOP              borderState row  i     BORDER BOTTOM                     endregion           region generate child border data         UIElementCollection children   this InternalChildren          foreach  UIElement child in children                        this GetChildLayout child  out row  out rowSpan  out column  out columnSpan               for  int i   0  i  lt  rowSpan  i                                  borderState row   i  column     BORDER LEFT                  borderState row   i  column   columnSpan - 1     BORDER RIGHT                            for  int i   0  i  lt  columnSpan  i                                  borderState row  column   i     BORDER TOP                  borderState row   rowSpan - 1  column   i     BORDER BOTTOM                                   endregion           region draw border         Pen pen   new Pen this BorderBrush  this BorderThickness           double left          double top          double width  height            for  int r   0  r  lt  rowCount  r                          RowDefinition v   rows r               top   v Offset              height   v ActualHeight              for  int c   0  c  lt  columnCount  c                                  byte state   borderState r  c                    ColumnDefinition h   columns c                   left   h Offset                  width   h ActualWidth                  if   state  amp  BORDER LEFT     BORDER LEFT                                        dc DrawLine pen  new Point left  top   new Point left  top   height                                      if   state  amp  BORDER TOP     BORDER TOP                                        dc DrawLine pen  new Point left  top   new Point left   width  top                                      if   state  amp  BORDER RIGHT     BORDER RIGHT  amp  amp   c   1  gt   columnCount     borderState r  c   1   amp  BORDER LEFT     0                                         dc DrawLine pen  new Point left   width  top   new Point left   width  top   height                                      if   state  amp  BORDER BOTTOM     BORDER BOTTOM  amp  amp   r   1  gt   rowCount     borderState r   1  c   amp  BORDER TOP     0                                         dc DrawLine pen  new Point left  top   height   new Point left   width  top   height                                                        endregion            private void GetChildBounds UIElement child  out double left  out double top  out double width  out double height                ColumnDefinitionCollection columns   this ColumnDefinitions          RowDefinitionCollection rows   this RowDefinitions          int rowCount   rows Count           int row    int child GetValue Grid RowProperty           if  row  gt   rowCount                        row   rowCount - 1                     int rowSpan    int child GetValue Grid RowSpanProperty           if  row   rowSpan  gt  rowCount                        rowSpan   rowCount - row                    int columnCount   columns Count           int column    int child GetValue Grid ColumnProperty           if  column  gt   columnCount                        column   columnCount - 1                     int columnSpan    int child GetValue Grid ColumnSpanProperty           if  column   columnSpan  gt  columnCount                        columnSpan   columnCount - column                     left   columns column  Offset          top   rows row  Offset          ColumnDefinition right   columns column   columnSpan - 1           width   right Offset   right ActualWidth - left          RowDefinition bottom   rows row   rowSpan - 1           height   bottom Offset   bottom ActualHeight - top          if  width  lt  0D                        width   0D                     if  height  lt  0D                        height   0D                       private void GetChildLayout UIElement child  out int row  out int rowSpan  out int column  out int columnSpan                int rowCount   this RowDefinitions Count           row    int child GetValue Grid RowProperty           if  row  gt   rowCount                        row   rowCount - 1                     rowSpan    int child GetValue Grid RowSpanProperty           if  row   rowSpan  gt  rowCount                        rowSpan   rowCount - row                    int columnCount   this ColumnDefinitions Count           column    int child GetValue Grid ColumnProperty           if  column  gt   columnCount                        column   columnCount - 1                     columnSpan    int child GetValue Grid ColumnSpanProperty           if  column   columnSpan  gt  columnCount                        columnSpan   columnCount - column                       private static void OnBorderBrushChanged DependencyObject d  DependencyPropertyChangedEventArgs args                if  d is UIElement element                        element InvalidateVisual                         private static void OnBorderThicknessChanged DependencyObject d  DependencyPropertyChangedEventArgs args                if  d is UIElement element                        element InvalidateArrange                         private static void OnCellSpacingChanged DependencyObject d  DependencyPropertyChangedEventArgs args                if  d is UIElement element                        element InvalidateArrange                         private static object CoerceBorderThickness DependencyObject d  object baseValue                if  baseValue is double value                        return value  lt  0D    double IsNaN value     double IsInfinity value    0D   value                     return 0D            private static object CoerceCellSpacing DependencyObject d  object baseValue                if  baseValue is double value                        return value  lt  0D    double IsNaN value     double IsInfinity value    0D   value                     return 0D           a demo

User · Answer

lt Grid x Name  outerGrid  gt       lt Grid x Name  innerGrid  gt           lt Border BorderBrush   FF179AC8  BorderThickness  2    gt           lt other stuff gt  lt  other stuff gt           lt other stuff gt  lt  other stuff gt       lt  Grid gt   lt  Grid gt    This code Wrap a border inside the  innerGrid

User · Answer

If nesting your grid in a border control    lt Border gt       lt Grid gt       lt  Grid gt   lt  Border gt    does not do what you want  then you are going to have to make your own control template for the grid  or border  that DOES do what you want

User · Answer

This is a later answer that works for me  if it may be of use to anyone in the future  I wanted a simple border around all four sides of the grid and I achieved it like so      lt DataGrid x Name  dgDisplay  Margin  5  BorderBrush   1266a7  BorderThickness  1

[c#] How could I put a border on my grid control in WPF?

Examples related to c#

Examples related to wpf