Client-side alignment: how to center a panel

[cdev]

Hi,

On a form or frame, I have TUniPageControl with an active Tabsheet.  On that tabsheet I have a TUniPanel.  I would like to center that panel in the middle of the tabsheet.

I went through the examples but I didnot find the answer to my problem.

Can anyone help by explaining how I should set the properties of the components ?

[cbr]

Hi cdev

  Set the tabsheet parent of the panel with:
        AlignmentControl= 'uniAlignmentClient'
        Layout = 'vbox'
        LayoutAttribs.Align = 'center'
        LayoutAttribs.Pack = 'center' 

you can see the examples in https://docs.sencha.com/extjs/4.2.2/extjs-build/examples/layout/vbox.html
 
regards
Cesare

[cbr]

Hi cdev

  attached you can find a simple example.

bye
C.

panelAlign.7z

[cdev]

Hi cbr, thank you, this helped me a lot.

[Abaksoft]

On 3/14/2020 at 6:22 PM, cbr said:

Hi cdev

  attached you can find a simple example.

bye
C.

panelAlign.7z

 

Thank you for sharing,

 

Here is More simple :

Using ClientSide Layout 

1.
ServerModule : mfPage

2.
MainForm :  
AlignmentControl : uniAlignmentClient
Layout : vbox
Align : center
Pack : center

Centering_Panel.zip