Login ProductsSalesSupportDownloadsAbout |
Home » Technical Support » Elevate Web Builder Technical Support » Support Forums » Elevate Web Builder General » View Thread |
Messages 1 to 6 of 6 total |
Using Web Fonts In Components (Or Not .....) |
Thu, Feb 4 2016 5:41 AM | Permanent Link |
Mark Brooks Slikware | 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 |
Thu, Feb 4 2016 12:23 PM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. timyoung@elevatesoft.com | 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 |
Thu, Feb 4 2016 4:59 PM | Permanent Link |
Mark Brooks Slikware | 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 |
Fri, Feb 5 2016 4:39 AM | Permanent Link |
Uli Becker | 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 Attachments: Clip1.png Clip2.png Clip3.png Clip4.png Clip5.png Clip6.png |
Fri, Feb 5 2016 5:00 AM | Permanent Link |
Mark Brooks Slikware | 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. |
Fri, Feb 5 2016 12:22 PM | Permanent Link |
Tim Young [Elevate Software] Elevate Software, Inc. timyoung@elevatesoft.com | 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 |
This web page was last updated on Friday, November 1, 2024 at 07:01 PM | Privacy PolicySite Map © 2024 Elevate Software, Inc. All Rights Reserved Questions or comments ? E-mail us at info@elevatesoft.com |