Customer experience | Sales, Customer Insights,...

Font Awesome not working after deploying events portal

(0) Share

Report

Posted on 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.

I have the same question (0)

All responses (9)

Answers (0)

Suggested answer

RidvanShaikh 50 on at

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

Was this reply helpful? Yes No
kelly1 193 on at

Like (0)

Report

RE: Font Awesome not working after deploying events portal

Where should I upload these? And which files please?

Was this reply helpful? Yes No
Suggested answer

RidvanShaikh 50 on at

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.

Was this reply helpful? Yes No
kelly1 193 on at

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.

Was this reply helpful? Yes No
Suggested answer

RidvanShaikh 50 on at

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>.

Was this reply helpful? Yes No
cloflyMao 25,210 on at

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

Was this reply helpful? Yes No
kelly1 193 on at

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.

Was this reply helpful? Yes No
cloflyMao 25,210 on at

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

Was this reply helpful? Yes No
cloflyMao 25,210 on at

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

Was this reply helpful? Yes No