Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 2 of 2 total
Thread Creating New Font Icons
Wed, Oct 27 2021 12:47 PMPermanent Link

Richard Harding

Wise Nutrition Coaching

Creating a new font icon the first time is not obvious. Given that it can be many months later that the need arises to add a new Font Icon, it is not always obvious the second time either.

Firstly, the developer needs to know that the Navigator panel needs to be visible and that the Navigator tab is selected.

I have made a number of changes to the standard Icon Library and component interface files which have been carefully saved – lets say in the folder D:\EWB3\Interfaces\tst_Default.

Next step is to open the TiconLibrary file in the folder, D:\EWB3\Interfaces\tst_Default.

If I wish to add additional images (for example, euro, pound and dollar), select an existing font icon, for example Find (2), right click and select New State. This creates a new Font Icon called Find1 which I rename as Euro. Are we really creating a new state at this point? Are we not creating a new Font Icon?

To select a new Icon, Select the Font Icon element (4). The caption shows Find State (6). At this point we are finding a new Font Icon – not a new state. Is that correct?

* Select the Content property
* Select the Symbol option
* choose the Euro image (F153) to assign the new Euro Font Icon.

I think that the New State label is misleading – for a button, the states refer to Normal, Highlight, Pushed, Disabled and Hot. Is this correct?

Also, how do you create a new Font Icon if there are no Font Icons already present?

To create new states for the TtoolbarButton component, in Form Designer, select a ToolbarButton component and select the second last button on the toolbar (“Opens interface for selected control”). This is where the new states are defined.

I tried to change the Font attributes (Bold, Italic, change color) of the caption for the Hot  state (the one with the pink background) but this did not seem to work. I can change the borders and background color.

If I right-click on TiconLibrary (1) and select New State, then a new element NewState (8) is shown in Navigator. This cannot be used to create a new Font Icon because the Element shown for this incorrectly named NewState is Base (9). To create a new Font Icon, we need to be able to select the Font Icon element.

To ensure that the new Font Icons are available in the project, in the Project settings,
* set Icon Font to C:\Program Files (x86)\Elevate Web Builder 3\fonts\ewbicons.otf
* Icon Font Name to EWBIcons – make sure that the EWBIcons font has been installed in Windows.
* Set the search path to D:\DATA\EWB3\interfaces\tst_default

Important: To make sure that the icons are available, the EWB3 needs to be closed and restarted.

Richard



Attachments: Interfaces.jpg
Mon, Nov 29 2021 6:48 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Richard,

<< Firstly, the developer needs to know that the Navigator panel needs to be visible and that the Navigator tab is selected. >>

No, that's not correct.  The navigator panel is made visible for you when you open *any* control interface, including the icon library.

<< If I wish to add additional images (for example, euro, pound and dollar), select an existing font icon, for example Find (2), right click and select New State. This creates a new Font Icon called Find1 which I rename as Euro. Are we really creating a new state at this point? Are we not creating a new Font Icon? >>

Icons are implemented as states in control interface files - it has been this way with EWB since EWB 2.x.

<< Also, how do you create a new Font Icon if there are no Font Icons already present? >>

You create it the same way.  However, if you're unsure about the structure - make a copy of one of the included TIconLibrary.wbi control interface files.  There is one included for every set of control interfaces provided with EWB, so you only need to select Library/Open Icon Library.

<< If I right-click on TiconLibrary (1) and select New State, then a new element NewState (8) is shown in Navigator. This cannot be used to create a new Font Icon because the Element shown for this incorrectly named NewState is Base (9). To create a new Font Icon, we need to be able to select the Font Icon element. >>

Yes, this is how it's designed.

<< To ensure that the new Font Icons are available in the project, in the Project settings,
* set Icon Font to C:\Program Files (x86)\Elevate Web Builder 3\fonts\ewbicons.otf >>

No, you only need to select the font name for the control interface element (see next).

<< * Icon Font Name to EWBIcons – make sure that the EWBIcons font has been installed in Windows. >>

It is installed automatically during the installation of EWB.

<< * Set the search path to D:\DATA\EWB3\interfaces\tst_default >>

<< Important: To make sure that the icons are available, the EWB3 needs to be closed and restarted. >>

No, this is *not* correct.  The "Automatically load custom control interfaces in project support paths" setting under "Settings" needs to be checked, and the proper control interfaces (including the Icon Library) will be automatically loaded when you open a project:

https://www.elevatesoft.com/manual?action=viewtopic&id=ewb3&topic=Settings

Tim Young
Elevate Software
www.elevatesoft.com
Image