topic Re: External CSS links for Portal Site Pages? in ArcGIS Enterprise Portal Questions

External CSS links for Portal Site Pages?

SBerg_VHB — Fri, 06 Dec 2019 14:37:32 GMT

Hello, is it possible to include external css references into a portal site page?

An example would be adding font-awesome to be able to include icons for social media links in the footer, ie.:

<li><a href="https://twitter.com/<>" aria-label="Twitter"><i class="fa fa-twitter"></i></a></li>

We have tried including the link reference in the header css but it is getting stripped out of the published page.

Re: External CSS links for Portal Site Pages?

JoeCatanzarita1 — Fri, 06 Dec 2019 15:35:07 GMT

Sam Berg‌,

This documentation might be what you're interested in: Set advanced portal options—Portal for ArcGIS (10.7 and 10.7.1) | ArcGIS Enterprise. I would take a look at the footerLinks section in particular, some examples are given.

The config.js file that you can alter is located at: C:\Program Files\ArcGIS\Portal\customizations\<portal_version>\webapps\arcgis#home\js\arcgisonline. Prior to making any changes to this file, I would recommend making a backup of the existing config.js.

Best of luck!

Joe

Re: External CSS links for Portal Site Pages?

SBerg_VHB — Fri, 06 Dec 2019 19:11:50 GMT

Joe Catanzarita‌, thanks - this documentation looks like it applies to customizing the portal landing page itself. Our use case is instead for custom "site pages"- sorry if that was not clear. Is there support for external style sheets in a site page as well?

Thanks for the info.

Sam

Re: External CSS links for Portal Site Pages?

DavidMcCorkindale1 — Wed, 16 Nov 2022 00:57:01 GMT

@SBerg_VHB did you ever get a resolution to this? I'm also looking to do this.

Thanks.

David

Re: External CSS links for Portal Site Pages?

SBerg_VHB — Mon, 21 Nov 2022 16:04:37 GMT

Hi @DavidMcCorkindale1 - yes we found that if you use a style import as opposed to a <link> it works as expected.

ie.

-hope that helps.

Sam

Re: External CSS links for Portal Site Pages?

DavidMcCorkindale1 — Mon, 21 Nov 2022 21:53:02 GMT

That's great, thanks. Much appreciated.

Re: External CSS links for Portal Site Pages?

AlderMaps — Fri, 25 Nov 2022 17:34:48 GMT

@SBerg_VHB can you confirm that @import is still working for you for this purpose? Tried it and am not having any luck, and this post seems to imply that they are no longer allowing importing css (though this post does specifically reference <link> rather than @import). At first I thought the fact that @import worked for you was because the original post was from 2019, but I see your latest reply is only from a week ago.

Would love if this still worked and my issue is simply user error; my embedded css is getting a little cumbersome. Thanks.