Search code examples
c#winformstablelayoutpanel

Stretched alignment in TableLayoutPanel

I have a Panel, in which I have a TableLayoutPanel object (having blue background in the picture). The TableLayoutPanel's Dock property is set to "Top".

My TableLayoutPanel has 1 row and 5 columns, each one having a fixed sized Panel in it (marked with red in the picture).

enter image description here

I would like to align these red panels horizontally (stretch in the remaining space but keep their size) in the following way in my TableLayoutPanel object: the remaining horizontal space in the right (which is not occupied by the red panels) to be divided in 6 and have this calculated space between each pair of panels.

Basically I would like to achieve the following design: enter image description here

I believe there is a built in setting in the TableLayoutPanel for this (maybe in TableLayoutPanel.ColumnsStyles or TableLayoutPanel.LayoutSettings), but I just can't find it.

Solution

  • For each of your red panels, set the Anchor property to None. This will cause the red panel to be centered within its cell. As long as your columns are set to a width of 20% it should work the way you described. I did it and got the results below.

    Sample