Icon with text , it needs same line , how to change icon color ?

Hi, There, 


Icon  with text , it needs same line , how to change icon color ?


Many thanks, 

Jack

Hi Jack,

Use style property of icon in extended properties, or just inspect that element and get css proprerty to change it.


Hope this snap shot will solve your problem.

Regards,

Amreen

Jack Bao wrote:

Hi, There, 


Icon  with text , it needs same line , how to change icon color ?


Many thanks, 

Jack


Hi Jack,

use the below pattern to make them in a single line.

For changing the color of the icon just create a class and append just after the icon class. just like below



Regards,

Pankaj

HI, Amreen, Pankaj, 

I use web developer , It seems I couldn`t find the option. 



Jack Bao wrote:

HI, Amreen, Pankaj, 

I use web developer , It seems I couldn`t find the option. 



Hi Jack,


Take the dependencies for either silk UI or Outsystems web UI.


You will be able to see that widget.


Regards,

Pankaj


Jack Bao wrote:

HI, Amreen, Pankaj, 

I use web developer , It seems I couldn`t find the option. 




Which widget you are using?


HI,ALL,
Outsystems web UI  , Icon list widget?

Hi, jack


PFA for the same.



Regards,

Pankaj

If your icon is based in a container you can simply use the properties of the container and change its font color since an Icon is a font awesome. Otherwise create a style class.

Hi, Pankaj pantRank

It seems the web is difference.  my screen see below.

Jack Bao wrote:

Hi, Pankaj pantRank

It seems the web is difference.  my screen see below.


Hi Jack,


If it is web just inclose both icon and text inside a container and give the class to this container.


then put a style like this.

.your-container-class .fa{


color:red;

}



Regards,

Pankaj

Hi Jack,

It seems your Service Studio cannot connect to the Internet to get the Icon font...

@Jorge: it can probably connect to the Internet, but likely the destination is firewalled.