font-awesome pro

Questions and answers on designing your Servoy solutions, database modelling and other 'how do I do this' that don't fit in any of the other categories

font-awesome pro

Postby briese-it » Thu Jan 14, 2021 12:33 pm

Hello,
how can we use the "pro" version of font-awesome icons with Servoy 2020-12 ?
Michael Harms
Briese Schiffahrts GmbH & Co.KG, Germany
- Servoy 2020.3.3.3565_LTS Running on Windows 2019 DataCenter - MSSQL2017 & PostGreSQL
User avatar
briese-it
 
Posts: 171
Joined: Mon Jun 20, 2011 1:50 pm
Location: Leer, Germany

Re: font-awesome pro

Postby ProRM » Thu Jan 21, 2021 12:43 am

Hi Michael,

We built an NG Service and included it as an NG Package. It is just a spec file and and a very simple js file just to load the content of FA Pro.
And of course you need to include the css and webfonts folders provided by Font Awesome Pro.

Regards,
User avatar
ProRM
 
Posts: 107
Joined: Thu Sep 18, 2008 10:24 pm
Location: Uruguay

Re: font-awesome pro

Postby nam.le » Thu Jan 21, 2021 1:39 pm

Hi Juan,
many thanks for your answer.
Could you please help to describe a bit more in details what i need to do to get the pro version work.
I have downloaded the pro version and have folders like "svgs", "css", "less" and others full of icons.
What should i do exactly with them ? Should i copy them somewhere and do something that servoy can find them when I start my developer ?
Many thanks in advance
nam.le
 
Posts: 22
Joined: Thu Jan 21, 2021 1:32 pm

Re: font-awesome pro

Postby ProRM » Mon Feb 01, 2021 8:01 pm

Hi,

In your Servoy Solution, under your Servoy Packages, Create Services Package Project.
A file called MANIFEST.MF will be created into the META-INF folder. Add this lines to the end of the MANIFEST.MF file:
Name: lib/lib.spec
Web-Service: True

Then, create a folder (like the META-INF) called lib
inside it create two files: lib.js and lib.spec with the following content:

lib.js
angular.module('fontawesomeLib',['servoy'])
.factory("fontawesomeLib",function($services)
{
return {
load: function() {
}
}
})

lib.spec
{
"name": "fontawesome-lib",
"displayName": "lib",
"version": 1,
"definition": "fontawesome/lib/lib.js",
"libraries": [{"name":"font-awesome", "version":"5.7.2", "url":"fontawesome/css/all.css", "mimetype":"text/css", "group":false},
{"name":"v4-shims", "version":"5.7.2", "url":"fontawesome/css/v4-shims.css", "mimetype":"text/css", "group":false}],
"api": {"load": {}}
}

Then copy the folders from Fontawesome Pro as folders inside here (like lib and META-INF): css and webfonts.

Regards
User avatar
ProRM
 
Posts: 107
Joined: Thu Sep 18, 2008 10:24 pm
Location: Uruguay

Re: font-awesome pro

Postby nam.le » Thu Feb 04, 2021 6:58 pm

Hi Juan,
many thanks for taking your time to help me !!
Best regards
Nam
nam.le
 
Posts: 22
Joined: Thu Jan 21, 2021 1:32 pm


Return to Programming with Servoy

Who is online

Users browsing this forum: No registered users and 9 guests