I am back into the wonderful world of EWB with a new project. Using the latest 2.X release to create some very cool custom components that will reside inside a scrollable parent container. I have also created a dedicated TIconLibrary for this project and have successfully added and utilised some Font Awesome icons. All very awesome indeed.

Question: How do you utilise an icon from your TIconLibrary within a custom component?

As an example, my custom component has a number of elements, some of which are text and some of which need to display a fixed icon (known at design time). However, I am unable to select an icon from my TIconLibrary to use?

Anybody know how to handle this?

Cheers
Mark

Mark,

<< Question: How do you utilise an icon from your TIconLibrary within a custom component? >>

Just add an Icon element with a FontIcon sub-element to the control interface of your control (and in the control itself, don't forget to create these in the CreateInterfaceElements method of your control).  In the control interface, just set the Content property of the FontIcon sub-element so that it points to the icon symbol of your choosing.

In other words, there isn't any need to use the TIconLibrary control interface, you can just set the icon directly in the control interface for the control.

Tim Young
Elevate Software
www.elevatesoft.com

Tim Young [Elevate Software] wrote:

>>Just add an Icon element with a FontIcon sub-element to the control interface of your control (and in the control >>itself, don't forget to create these in the CreateInterfaceElements method of your control).  In the control interface, >>just set the Content property of the FontIcon sub-element so that it points to the icon symbol of your choosing.

>>In other words, there isn't any need to use the TIconLibrary control interface, you can just set the icon directly in the >>control interface for the control.

Hmm ........ I know that I've been absent for a month or so, but I'm not getting that. Sorry.

What do you mean by a "FontIcon sub-element" and also by "so that it points to"?

I know it'll be obvious when I get it.

Mark

Mark,

> What do you mean by a "FontIcon sub-element" and also by "so that it points to"?

Tim will it explain it better, but here are some steps (screenshots 1-8)
to add a FontIcon element to an existing (older) TIconLibrary.

Off course you have to adjust other properties as Autosize, Width,
Height etc.

Also the "ApplyProperties" settings seem to be important (I didn't see
the FontIcon until I set ApplyProperties.Content to "true".

Hope that helps.

Regards Uli

Uli Becker wrote:


>>Tim will it explain it better, but here are some steps (screenshots 1-8)
>>to add a FontIcon element to an existing (older) TIconLibrary.

>>Off course you have to adjust other properties as Autosize, Width,
>>Height etc.

>>Also the "ApplyProperties" settings seem to be important (I didn't see
>>the FontIcon until I set ApplyProperties.Content to "true".

Hey Uli. Thanks for the reply. I'll try these steps when I get back in the office later today. I think I get it now. Much appreciated.

Mark,

<< Hmm ........ I know that I've been absent for a month or so, but I'm not getting that. Sorry. >>

Start here for information on using the Content editor property to select a symbol from an icon font:

https://www.youtube.com/watch?v=5RkIZTbuj1U

<< What do you mean by a "FontIcon sub-element" and also by "so that it points to"? >>

Every "Icon" element in the EWB component library's control interfaces (various controls use such an element), there's now a "FontIcon" sub-element nested underneath that allows you to use an icon font symbol as the font instead of a background image on the "Icon" element.  Alternately, you can use *both*, if you want, or use the "Icon" element to provide a background for the "FontIcon" element.

Tim Young
Elevate Software
www.elevatesoft.com