PXSplitter basic template for autosize grid in Acumatica

Hello everybody,

today I want to write a few words about UI in Acumatica and if to be more precise about combination of splitter with other UI controls.

As you maybe know, in order to allow user to modify height of input control, splitter conrol should be used.

For now I found following configuration of splitter useful: 

Snippet

<px:PXSplitContainer runat="server" ID="PXSplitContainer" Height="100%" Width="100%" Panel1MinSize="120" Panel2MinSize="120" 
    SplitterPosition="210" Size="3" SkinID="Transparent" Orientation="Horizontal">
    <AutoSize Enabled="true" Container="Window" MinHeight="300" MinWidth="100" />
    <ContentLayout AutoSizeControls="True" Orientation="Horizontal" />

That worked quite good for ordinary controls except Grid. And as usually grid is main purpose of why I needed splitter. After digging in Acumatica grids, I've found that grid also should have additional configuration. Here it is:

Snippet

<AutoSize Enabled="True"></AutoSize>
  </px:PXGrid>

Without Autosize property set to true, grid was quite fixed.

No Comments

Add a Comment