How to use a custome icon for a UniButton

[lxpbuaa]

Hi, 

I config a icon in the css, for example:  .di-add {background-image: url(/dlzIcons/add.png);}

How can I use the icon for the uniButton？ Set the iconCls property of the UniButton with "di-add", the result is "pictos pictos-add".

Thanks!

[Sherzod]

Hi,

Can you try this ?

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  UniButton1.JSInterface.JSConfig('iconCls', ['di-add']);
end;

 

[lxpbuaa]

7 minutes ago, Sherzod said:

Hi,

Can you try this ?

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  UniButton1.JSInterface.JSConfig('iconCls', ['di-add']);
end;

Hi, 

JSConfig ('iconCls') can show the icon ,  but the  iconAlign property becomes invlid (always "x-btn-icon-left")

 

 

[Sherzod]

2 minutes ago, lxpbuaa said:

but the  iconAlign property becomes invlid (always "x-btn-icon-left")

UniButton1.JSInterface.JSConfig('iconAlign', ['top']);