Cannot remove spacing between controls in TableLayoutPanel?

Question

There\'s some spacing between the Buttons I add to my TableLayoutPanel. I removed the border in the Button and set the Margin and Padding to 0 in the Panel. But I c

Answer 1

I .. set the Margin and Padding to 0 in the Panel.

Why didn't you remove the Margin in the Buttons instead:

buttonSelector.Margin = new Padding(0);

MSDN:

The Margin property defines the space around the control that keeps other controls a specified distance from the control's borders.

Answer 2

I faced the same problem while using different control in TableLayoutPanel

You can do this

1. Go to Design View
2. Click on the properties
3. GoTo Columns, When you click text box besides Columns, a button (...) appears on extreme right, click it
4. A pop up window appears, Select AutoSize (Instead of Absolute or Percentage).
5. In the same window in Show: select Rows and again select Autosize.
6. Click okay and you are done.

Answer 3

To remove the space between buttons in cells, it's enough to set dock property of them to fill and then remove default margins of buttons:

var b = new Button();
b.Dock = DockStyle.Fill;
b.Margin = new Padding(0);

Note:

• Usually it's better to set Dock property of controls which you host in cells to Fill. This way your controls will follow TableLayouPanel sizing rules which you set for columns and rows.

• TableLayoutPanel use Margin property of control to set the location of control in cell. So If you don'n want to set Dock and you prefer to set the Size manually, it's enough to set the Margin only.