Customer experience | Sales, Customer Insights,...

Font Awesome not working after deploying events portal

Like (0) Share

Report

Posted on 11 Dec 2019 09:53:03 by kelly1

193

Hi,

I am currently customizing the events portal locally. I downloaded the sample events website and I am serving it locally to change some code. Font Awesome styles and icons are shown properly when serving the app locally (localhost) :(button on localhost).

However, once I use the script DeployToDynamcis365Instance.ps1 to deploy the code on the live portal, the icons and styles are not loading on the live portal (same button on live portal).

What can I do please?

Thank you.

All responses (9)

Answers (0)

cloflyMao 25,202 on 16 Dec 2019 at 09:45:57

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Hi Kelly,

Have you tried to create the folder and copy font files into it manually?

Regards,

Clofly
cloflyMao 25,202 on 12 Dec 2019 at 14:20:58

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Hi kelly,

I have found that the script may upload files in dist/portal-hosted folder to portal:

$websitePatch is event website root path, and there is an existing Localization folder with translation files in downloaded sample files.

However, there is no dist/portal-hosted folder by default,

I thought it could be that due there is no such folder and no related files(from fontawesome-webfont.eot to style.css),

thus you didn't find font-awesome libraries in portal.

I suggest you could try create the folder manually and copy all font-awesome files in rootpath/node_modules/font-awesome/fonts to the folder.

Then run deployment script again to test whether font-awesome files could be uploaded to Portal.(in Web file entity)

Regards,

Clofly
kelly1 193 on 12 Dec 2019 at 13:30:40

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Thanks for your reply. I followed the tutorial however the font-awesome libraries still weren't included. Now I included a tag to refer to the the font awesome library online.
cloflyMao 25,202 on 12 Dec 2019 at 08:51:08

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Hi Kelly,

Please do following checks:

1. Have you followed the tutorial about how to build and portal-host event website locally and deploy it to crm?

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/portal-hosted

As it states that: Duplicate the environment.d365.ts configuration file located in the \src\environments folder and name it as environment.ts.

There are 2 ts files in the folder, we should copy the correct one based on event website type.

21. Open F12 developer tool, and check whether you icon class name has been replaced by your customized icon name,(mine is fa-camera)

and whether fontAwesome attribute is available for the font element.

2.2 Also, expand the font element and click ::before, check whether font-content is in right format.

3. Check whether fontawesome-webfont files(eot, svg, ttf, woff, woff2) exist in web file entity records.

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/portal-hosted#manual-deployment

Regards,

Clofly
Suggested answer

RidvanShaikh 50 on 11 Dec 2019 at 12:07:04

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Yes, you uploaded the files as a Notes on Dynamics portal web files and Must select Parent page as Home for all files. So all uploaded files will be available on <PORTAL PATH> / <YOUR FILENAME>.
kelly1 193 on 11 Dec 2019 at 11:32:07

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Should I upload the files as notes on Dynamics Portal Web Files? I don't think that would work cause the folder structure will be lost and hence the paths won't be correct.
Suggested answer

RidvanShaikh 50 on 11 Dec 2019 at 11:11:20

Like (0)

Report

RE: Font Awesome not working after deploying events portal

You can download these files from FontAwsome website i mentioned in above comment.

You need to upload all these files on your portal.
kelly1 193 on 11 Dec 2019 at 10:32:26

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Where should I upload these? And which files please?
Suggested answer

RidvanShaikh 50 on 11 Dec 2019 at 10:24:19

Like (0)

Report

RE: Font Awesome not working after deploying events portal

You need to upload all the files (of Font Awesome) on portal with same path.

You can download all the files from Font Awesome websites as below:

fontawesome.com/.../hosting-font-awesome-yourself