How to add button to toolbar's right

[Freeman35]

Hello,

I have a toolbar and has some buttons. I wanna add help button on this toolbar, but to toolbar's right. How to do this?

Thank you

[Sherzod]

25 minutes ago, Freeman35 said:

I have a toolbar and has some buttons. I wanna add help button on this toolbar, but to toolbar's right. How to do this?

Hi,

One possible solution:

Your UniToolButton (Help button) -> ClientEvents -> ExtEvents -> function added:

function added(sender, container, pos, eOpts)
{
    container.insert(pos, {xtype: 'tbfill'});
}

 

[Freeman35]

Always perfect

My plan is, this button's caption be just "?" so I have to set button with. 'cos after added your solution, button not be end of right

Thank you so much for helps.

I'll fix padding

.help-btn__ {
  background-color: red;
  width: 30px!important; /* */
  border-radius: 50%;
}

If I remove with from css works espected.

[Freeman35]

procedure T_FRM_.UniFormCreate(Sender: TObject); 
begin
BTN_Help.Width:= 30;

Sometime answer is so easy

[jahlxx]

On 5/10/2019 at 3:18 PM, Sherzod said:

Hi,

One possible solution:

Your UniToolButton (Help button) -> ClientEvents -> ExtEvents -> function added:

function added(sender, container, pos, eOpts)
{
    container.insert(pos, {xtype: 'tbfill'});
}

 

Hi friend.

This works with one toolbutton. But, what about id I need 2 buttons right aligned?

I've tested, and the result is not ok.

Any way to do it?

Thanks.

[Sherzod]

1 minute ago, jahlxx said:

This works with one toolbutton. But, what about id I need 2 buttons right aligned?

I've tested, and the result is not ok.

Hi,

Can you please make a simple testcase?

[jahlxx]

Is necesary a test case for this?

This is an image of the toolbar:

 

For both buttons I added this, and that is the result:

function added(sender, container, pos, eOpts)
{
    container.insert(pos, {xtype: 'tbfill'});
}

 

[Sherzod]

21 minutes ago, jahlxx said:

For both buttons I added this, and that is the result:

You need add only for the first button, which should be aligned on the right side.

[jahlxx]

Great!! 

 

Thanks.