Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 4 of 4 total
Thread Facebook "F"
Wed, Oct 5 2016 3:14 AMPermanent Link

Richard Mace

Hi All,
I am wanting to create a Facebook "F" in my app, that changes colour when the mouse is hovered over it. I understand how to change the colour when the mouse is over it, but would I need to use some kind of icon for the "F" or an image from somewhere?

Thanks in advance

Richard
Wed, Oct 5 2016 4:56 AMPermanent Link

Matthew Jones

Richard wrote:

> some kind of icon for the "F" or an image from somewhere?

You could use a panel with two images, and hide them alternately according to the mouse position. If you can get it as a font, then you could use an icon. Lots of options really.
You could have a single image and change the source URL, which would allow you to adjust easily when Facebook change their icon. But that might introduce a delay, so you would probably want hidden images that reference the two on the server so that the browser has them cached.

--

Matthew Jones
Fri, Oct 7 2016 12:37 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Richard,

<< I am wanting to create a Facebook "F" in my app, that changes colour when the mouse is hovered over it. I understand how to change the colour when the mouse is over it, but would I need to use some kind of icon for the "F" or an image from somewhere? >>

Unfortunately, those "social" icons were stripped from the Font Awesome set used with the built-in EWBIcons font that EWB uses, in order to save on space.

However, you can include just those symbols as an *additional* web font in your project.  Just make sure that the font is installed in Windows, and then you'll be able to add glyphs from it to the icon library for your project or for the global icon library.  You'll then need to make sure to include the web font as an external file in your project.

http://www.elevatesoft.com/manual?action=viewtopic&id=ewb2&topic=Icon_Library

Tim Young
Elevate Software
www.elevatesoft.com
Fri, Oct 7 2016 4:57 PMPermanent Link

Richard Mace

<< Unfortunately, those "social" icons were stripped from the Font Awesome set used with the built-in EWBIcons font that EWB uses, in order to save on space.

However, you can include just those symbols as an *additional* web font in your project.  Just make sure that the font is installed in Windows, and then you'll be able to add glyphs from it to the icon library for your project or for the global icon library.  You'll then need to make sure to include the web font as an external file in your project.

http://www.elevatesoft.com/manual?action=viewtopic&id=ewb2&topic=Icon_Library >>

Thanks Tim, this is the route I have gone down along with using a TIconButton as per your email suggestion.
I've now got it working a treat!

Thanks

Richard
Image