Alignment on the client side

[picyka]

I'm studying alignment on the client side,

I would like to know how to align within a container,

a button and a label on the left side, and two buttons on the right side.

TestCase.zip

[Sherzod]

21 minutes ago, picyka said:

a button and a label on the left side, and two buttons on the right side.

Hello,

Try this approach:

UniContainerPanel1 -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.insert(2, {xtype: 'component', flex: 1});
}

 

[picyka]

3 minutes ago, Sherzod said:

Hello,

Try this approach:

UniContainerPanel1 -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.insert(2, {xtype: 'component', flex: 1});
}

 

It seems so easy for you
hahahah
tks

[picyka]

I forgot a screen of mine, which has a UniSegmentedButton in the center

 

I'm sorry for asking so much.

TestCase.rar

[estrify]

2 hours ago, picyka said:

I'm studying alignment on the client side,

I would like to know how to align within a container,

a button and a label on the left side, and two buttons on the right side.

There are several ways to achieve... Here I attach another one, using only layout attributes with RAD...

TestCase (one possibility).zip

[picyka]

4 minutos atrás, estrify disse:

Existem várias maneiras de alcançar... Aqui eu anexo outro, usando apenas atributos de layout com RAD...

TestCase (uma possibilidade).zip 3,4 kb · 1 baixar

Look at the second attachment please, maybe you have an idea

[estrify]

1 hour ago, picyka said:

Look at the second attachment please, maybe you have an idea

Ok, here is the same idea I attached before but applied to this case... I hope this helps you...

Suggestion: if you're testing, apply colors to your container's panels to see the effects of resizing.

Best regards,

 

TestCase (one possibility 2).zip

[picyka]

1 hora atrás, estrify disse:

Ok, aqui está a mesma ideia que eu anexei antes, mas aplicada a este caso... Espero que isso ajude você...

Sugestão: se você estiver testando, aplique cores aos painéis do seu contêiner para ver os efeitos do redimensionamento.

Atenciosamente

 

TestCase (uma possibilidade 2).zip 3,62 kb · 0 downloads

I understand your idea, separate it into more containers, I will continue my studies, grateful.