UniBitButton text align

[JDDEV]

Hi,

I would like to cutomize UniBitButton to align icon and text on the left (not centered).

How can i do that ?

 

Thanks

 

version complète 1.70.0.1491

PS : i can't answer direct on my topic. I don't see answer button !

Edited March 27, 2019 by JDDEV
i can't answer direct on my topic. I don't see answer button !

[Sherzod]

Hi,

Sorry, can you please specify which edition and build of UniGUI are you using?!

[JDDEV]

Licenced version 1.70.0.1491

[Sherzod]

18 minutes ago, JDDEV said:

Licenced version 1.70.0.1491

OK, Thank you

[Sherzod]

On 3/27/2019 at 3:46 PM, JDDEV said:

I would like to cutomize UniBitButton to align icon and text on the left (not centered).

Can you try to use this config?:

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  UniBitBtn1.JSInterface.JSConfig('textAlign', ['left']);
end;

 

[JDDEV]

Thanks

it works fine

Is it possible to increase margin between icon and text ?

 

[Sherzod]

3 hours ago, JDDEV said:

Is it possible to increase margin between icon and text ?

One possible solution:

  with UniBitBtn1.JSInterface do
  begin
    JSConfig('textAlign', ['left']);
    JSAddListener('afterrender', 'function(me){me.btnEl.setStyle("margin-left", "5px")}');
  end;

 

[JDDEV]

Thank you, but i always tried that, and that solution increase margin between the left border and icon.

I would like to increase margin between the icon and text.

Best regards

[Sherzod]

23 hours ago, JDDEV said:

Thank you, but i always tried that, and that solution increase margin between the left border and icon.

I would like to increase margin between the icon and text.

Ok I will check