Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Collapse]Form Layout Managers
    Side Panel
   [Collapse]Layout Manager
    [Expand]Product Information
    [Expand]Getting Started
    [Expand]Layout Control
    [Expand]Data Layout Control
    [Collapse]Layout Item
      Layout Item's Settings
      Item Label
      Spacing and Paddings
      Creating Layout Items
    [Expand]Layout Groups
    [Expand]Tabbed Group
    [Expand]Other Layout Elements
    [Expand]Customization Capabilities
    [Expand]Size and Alignment
     Flow Layout
     Table Layout
     Focus Management
    [Expand]Appearance and Look and Feel
    [Expand]Miscellaneous
    [Expand]Examples
    [Expand]Member Tables
   [Expand]Tabbed MDI Manager
    Tab Control
   [Expand]Wizard Control
    Workspace Manager
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Spacing and Paddings

For a layout item/group it's possible to customize the outer and inner indents of the item's border. You can change these indents to increase or decrease the space between neighboring layout items and so improve the look of your application.

For regular layout items and tabbed groups, their borders are not visible, though they still exist and you are still able to specify the border's inner and outer indents. For regular layout groups the borders are visible by default, but they can be hidden via the LayoutGroup.GroupBordersVisible property.

The inner indents (the space between the item's border and client area) is specified by the BaseLayoutItem.Padding property. The outer indents (the space between the item's border and its real edges) is specified by the BaseLayoutItem.Spacing property. Note that these properties allow you to specify different indents at the right, top, left and bottom sides of the layout item.

The following image clarifies the difference between the Padding and Spacing properties for a regular layout group. The inner and outer indents at the right, top, left and bottom sides match and are equal to 10 and 20 respectively.

Note

The Spacing and Padding properties are not in effect for groups that are displayed as tabs within a tabbed group.

Expanded Member Table

How would you rate this topic?​​​​​​​