Upgrading to newer version of Enterprise Portal "breaks" HTML in Site page

Question

Hello,

Our organization just pushed an update of our Enterprise portal from version 10.6.1 to 10.8.1. I've created an Enterprise Site that uses custom HTML and CSS for the homepage, based off of bootstrap. It worked and displayed perfectly before the upgrade, but now things are no longer displaying properly and the upgrade appears to have "broken" the HTML.

Does anyone know if there are compatibility differences (perhaps regarding the version of bootstrap) between these versions of Enterprise or any other changes I should be aware of?

Thank you!

Katie_Clark · Answer

Hi @HenryLindemann and @DavidHoy ,

I determined that the issue is due to the fact that version 10.8 no longer accepts the "class" attribute of div tags in HTML.

Supported HTML in 10.8:

https://enterprise.arcgis.com/en/portal/latest/administer/windows/supported-html.htm

Supported HTML in 10.6 (the version we were using):

https://enterprise.arcgis.com/en/portal/10.6/administer/windows/supported-html.htm

I built my page using the bootstrap grid system, and even in bootstrap 5 it appears to still use the container, row, and col classes. https://getbootstrap.com/docs/5.0/layout/grid/

Is it not possible to use bootstrap like this anymore for site pages? Why would Esri deprecate the div tag in this way?

HenryLindemann · Answer

Hi @Katie_Clark,

I don't know where you edited your home page either in the index.html directly or the Home Page Tab in portal, I know the location has changed of the index.html between 10.6.1 and 10.8.1 the current location is here, this file was probably changed during the upgrade and any JS does not get moves to the new location.

"C:\Program Files\ArcGIS\Portal\framework\webapps\arcgis#home\index.html"

If you edited the Home Page Tab then just try to re-apply the html the footer tick also gets turned of  during upgrade if I recall correctly.

Have a look at these two locations under the Home Page Tab

Katie_Clark · Answer

Hi David,

Yes everything is using https. I don't think that's related to the issue here. What I'm experiencing is a layout issue. I had a grid set up with different icons I created to link to different parts of the site, but now they don't line up the same way they used to, and some of the HTML is now just displaying as text, like this: