Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Eclipse Scout » Implementation of font awesome icons in Scout 10.0
Implementation of font awesome icons in Scout 10.0 [message #1828321] Sun, 07 June 2020 14:47 Go to next message
David Klein is currently offline David KleinFriend
Messages: 15
Registered: June 2015
Junior Member
Hi all,

I followed the technical guide

https://eclipsescout.github.io/10.0/technical-guide.html#icons

where the implementation of font awesome icons under Scout 10.0 is described.

Unfortunately, this does not work for me. I have several questions about the technical guide:
-------------------------------------------------------------------------------------------
1. in the example .less definition (listing 19), technical guide, it sais

font-family: awesomeIcons, @defaultFont;

An older thread however states that it should be

(see https://www.eclipse.org/forums/index.php/t/1074535/)

font-family: awesomeIcons, @font-default-family;

I assume, the the more up to date technical guide is correct, yes?
-------------------------------------------------------------------------------------------
2. I have created a new .less file "fonts.less" according to "Create a CSS/LESS definition, to reference the icon font in stylesheets"

The file is .ui.html/src/main/js/style/fonts.less correct?
-------------------------------------------------------------------------------------------
3. in the technical guide, I find the instruction

Make sure the definition is added to the LESS module of your project.

Am I right, that this means that I should put

"@import "style/fonts.less";" into "ui.html/src/main/js/index.less" ?
-------------------------------------------------------------------------------------------
4. From technical guide:

Assuming your LESS macro is named hello-scout-macro.less the URL is: http://[base]/res/hello-scout.css

I know that the -macro.less file was part of older scout versions. In Scout 10.0 I cannot find it (due to node.js migration?)

Where can I check if my implementation was right?
-------------------------------------------------------------------------------------------
5. I put

public static final String FaBarChart = "font:awesomeIcons \uF080";

into

.shared/src/main/java/com/aviari/apps/covariance/shared/Icons.java

correct?
-------------------------------------------------------------------------------------------

Right now, the icon is not shown..

Any help appreciated!

Best regards,
David
Re: Implementation of font awesome icons in Scout 10.0 [message #1828322 is a reply to message #1828321] Sun, 07 June 2020 14:56 Go to previous messageGo to next message
David Klein is currently offline David KleinFriend
Messages: 15
Registered: June 2015
Junior Member
Alright, just noticed that someone asked the same question few days ago in the 8 yr old post I linked above :)

I will try this.

edit: it worked.

[Updated on: Sun, 07 June 2020 23:05]

Report message to a moderator

Re: Implementation of font awesome icons in Scout 10.0 [message #1828357 is a reply to message #1828322] Mon, 08 June 2020 11:25 Go to previous message
Claudio Guglielmo is currently offline Claudio GuglielmoFriend
Messages: 259
Registered: March 2010
Senior Member
Hi David,

thanks for pointing out that the tech doc was outdated, it should be up to date now.

Have a great day.
Claudio
Previous Topic:Scout Create Wizard not working properly
Next Topic:Own form widget - close event not fired ?
Goto Forum:
  


Current Time: Mon Nov 11 17:21:03 GMT 2024

Powered by FUDForum. Page generated in 0.04014 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top