Positioning a Grid object in a layout

I am trying to have a grid object as part of a form in a tabbar. I can attach the grid to the tab but then can’t have the form. So I create a layout in the tabbar and attach the form to the top cell of the layout and the grid to the bottom cell of the layout.

var lytGenPersonal = subTabGeneral.cells("tabPersonalDetails").attachLayout("2E", "dhx_skyblue");
var frmGeneral = lytGenPersonal.cells("a").attachForm(frmGenPersonal);
var dhxGrid = lytGenPersonal.cells("b").attachGrid();

My problem is that the grid extends to both sides of the layout and looks very untidy. It is a grid with only two cells and they don’t need to be very wide. I can’t seem to make the layout invisible, I don’t think I can make the bottom cell in the layout narrower and set in from the margin, and I don’t think I can set an outside margin for the grid. I could set the column sizes but that won’t set it in from the left of the tab / layout.

I will be using other, more complex, grids in other tabs but want to get this easy one right first. Suggestions?

Still can’t find an answer for this, no matter huch I play with the code.

Try to set the widths of columns of your grid (setInitWidths) and make sure that you don’t enable autowidth mode.
If issue still occurs for you - please provide any kind of sample or demo link where the issue can be reconstructed.