topic Re: Advanced home page customization in ArcGIS Online Questions

Advanced home page customization

GaëtanLAVENU — Sun, 10 Aug 2014 13:09:46 GMT

Beyond the standard features of ArcGIS Online, there are some advanced capabilities to customize the look-and-feel of your portal home page. Using CSS instructions, you can redefine some of the Esri default styles in order to get a more attractive page to welcome the users of you portal. Here is an example: http://demoagol1.maps.arcgis.com

If needed, I can provide the CSS source I used for this demo.

Re: Advanced home page customization

ChristopherBrown4 — Mon, 11 Aug 2014 01:14:10 GMT

Hi glavenuesrifrance-fr-esridist

I would be very thankful if you could as you say provide me with the CSS you used. I have asked a question on the ArcGIS Online Developers space on cycling images on the home page based upon user and this approach may be the answer

Thank you,

Christopher

Re: Advanced home page customization

GaëtanLAVENU — Mon, 11 Aug 2014 07:24:56 GMT

Hi Christopher,

I uploaded here the CSS file that I used to customize this home page. You can test it by copying/pasting these instructions into the HTML code area of the "Banner" section. Hope it could help...

Gaëtan Lavenu
Esri France

Re: Advanced home page customization

ChristopherBrown4 — Wed, 13 Aug 2014 23:49:16 GMT

Thank you very much, once our site is up I will share with you and add you to the credits

Have a great day,

Christopher

Esri Australia

Re: Advanced home page customization

MaryEllen_Perko — Thu, 09 Oct 2014 16:16:33 GMT

This is great and has inspired me to make our home page better. In order to unpack this so I understand how to implement it, could you (or someone who has done this) provide a little more detail about what is in the "banner" and the "organization description" sections of the site settings? I'm trying to understand the relationships.

Thanks,

Mary Ellen

P.S. If anyone has other sites that I can use as examples I would be very appreciative.

Re: Advanced home page customization

HeathBrackett1 — Thu, 09 Oct 2014 18:55:23 GMT

Mary,

ESRI has a GitHub site dedicated to ArcGIS Online Administration. There's a section on Home Page Tweaks which includes a lot of information on how to make changes and where those changes occur.

Here's a link to our organization which incorporates some of these optimizations.

Heath

Re: Advanced home page customization

MaryEllen_Perko — Thu, 09 Oct 2014 19:09:40 GMT

Thank you so much. This helps a lot.

Best,

Mary Ellen

Re: Advanced home page customization

OscarMonell — Mon, 11 May 2015 12:52:55 GMT

Thank you Gaëtan! Really helpful!

I've implemented this in an Esri Sweden demo-portal: http://kommun.maps.arcgis.com/home/index.html and mentioned your work in a related blog post: Skapa en anpassad startsida till din organisationsportal | GIS-Bloggen

My customizations to the CSS and HTML are available to download here: http://kommun.maps.arcgis.com/home/item.html?id=3e0e4121bcf140a79eed193d101dbaf1

Re: Advanced home page customization

AlexMahrou — Wed, 30 Dec 2015 22:49:01 GMT

This doesn't seem to be working in IE, but works great in Chrome. Do you have any suggestions?

Fixed by removing the check by "Display intranet sites in Compatibility View" under Compatibility View Settings. That's easy for me. Now I'll need to get that deployed across my whole org.

Re: Advanced home page customization

AhmedElmekawy — Thu, 01 Feb 2018 05:26:28 GMT

Thank you for your file, it's wonderful. I have only one question, how could you able to add more links at the bottom of home page although it's only allow either a link or mailto?

Re: Advanced home page customization

GarethYoung1 — Tue, 16 Mar 2021 20:46:03 GMT

Would you be able to share your code with me for the design of your homepage?