How do I hide this scroll bar?

sr_guy — Thu, 09 Dec 2021 13:43:09 GMT

I have created a an map/app to easily find power companies servicing an area based on address. All is working fine, except over night a scroll bar on the left of the app has appeared. The left side list quick links to power company outage maps. I do not want the scrollbar, and just want a single list (I used HTML tables to build the list). This scoll bar just mysteriously showed up overnight for some odd reason.

I am using the arcgis nearby webapp:

https://www.esri.com/arcgis-blog/products/configurable-apps/mapping/introducing-nearby-a-new-configurable-app/

<figure class="table"> <table> <tbody> <tr> <td> AES [formally IPL] (IN) </td> <td> <a href="https://myaccount.aesindiana.com/outages/outagemap.aspx" target="_blank">AES</a> </td> </tr> <tr> <td> City of Tallahasee (FL) </td> <td> <a href="https://outagemap.talgov.com/" target="_blank">City of Tallahasee</a> </td> </tr> <tr> <td> Consumers Energy (MI) </td> <td> <a href="https://www.consumersenergy.com/outagemap" target="_blank">Consumers</a> </td> </tr> <tr> <td> DTE Energy (MI) </td> <td> <a href="https://outage.dteenergy.com/map" target="_blank">DTE</a> </td> </tr> <tr> <td> Duke Energy (FL) </td> <td> <a href="https://outagemaps.duke-energy.com/#/current-outages/fl" target="_blank">Duke Energy</a> </td> </tr> <tr> <td> Duke Energy (IN) </td> <td> <a href="https://outagemaps.duke-energy.com/#/current-outages/in" target="_blank">Duke Energy</a> </td> </tr> <tr> <td> FPL (FL) </td> <td> <a href="https://www.fplmaps.com/" target="_blank">FPL</a> </td> </tr> <tr> <td> Gulf Power (FL) </td> <td> <a href="https://map.gulfpower.com/" target="_blank">Gulf Power</a> </td> </tr> <tr> <td> JEA (FL) </td> <td> <a href="https://www.jea.com/outage_center/outage_map/" target="_blank">JEA</a> </td> </tr> <tr> <td> Ameren (CHI) </td> <td> <a href="https://outagemap.ameren.com/" target="_blank">Ameren</a> </td> </tr> <tr> <td> ComEd (CHI) </td> <td> <a href="https://www.comed.com/Outages/CheckOutageStatus/Pages/OutageMap.aspx" target="_blank">ComEd</a> </td> </tr> <tr> <td> I & M (CHI) </td> <td> <a href="https://outagemap.indianamichiganpower.com.s3.amazonaws.com/external/default.html" target="_blank">I & M</a> </td> </tr> <tr> <td> NIPSCO (CHI) </td> <td> <a href="https://www.nipsco.com/outages/power-outages" target="_blank">NIPSCO</a> </td> </tr> <tr> <td> Alabama Power (Big South) </td> <td> <a href="https://outagemap.alabamapower.com/" target="_blank">Alabama Power (AL)</a> </td> </tr> <tr> <td> Entergy Arkansas (Big South) </td> <td> <a href="https://www.etrviewoutage.com/map?state=AR&_ga=2.50137510.1422914427.1607535298-1359780449.1607535298" target="_blank">Entergy Arkansas (AR)</a> </td> </tr> <tr> <td> Entergy Louisiana (Big South) </td> <td> <a href="https://www.etrviewoutage.com/map?state=MS&_ga=2.240871555.1422914427.1607535298-1359780449.1607535298" target="_blank">Entergy Louisiana (LA)</a> </td> </tr> <tr> <td> Entergy Mississippi (Big South) </td> <td> <a href="https://www.etrviewoutage.com/map?state=MS&_ga=2.240871555.1422914427.1607535298-1359780449.1607535298" target="_blank">Entergy Mississippi (MS)</a> </td> </tr> <tr> <td> Georgia Power (Big South) </td> <td> <a href="https://outagemap.georgiapower.com/external/default.html?hp=tm_po_view_outage_map" target="_blank">Georgia Power (GA)</a> </td> </tr> <tr> <td> Memphis Light Gas & Water (Big South) </td> <td> <a href="https://outagemap.georgiapower.com/external/default.html?hp=tm_po_view_outage_map" target="_blank">Memphis Light Gas & Water (TN)</a> </td> </tr> <tr> <td> Nashville Electric Service (Big South) </td> <td> <a href="https://www.nespower.com/outages/" target="_blank">Nashville Electric Service (TN)</a> </td> </tr> </tbody> </table> </figure>

Re: How do I hide this scroll bar?

ABishop — Thu, 09 Dec 2021 14:00:18 GMT

Hello,

If there are no options to hide the scroll bars in the widget due to HTML customization, you may try adding the command to the body? Here is a bit of help I found online: https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp

Re: How do I hide this scroll bar?

RhettZufelt — Thu, 09 Dec 2021 15:27:35 GMT

If it wasn't there before, and is now, perhaps your browser zoom setting got changed.

Web Apps do some weird stuff if you don't have your browser zoom set to 100%.

Re: How do I hide this scroll bar?

BethRomero — Fri, 10 Dec 2021 16:27:49 GMT

In the latest update of ArcGIS Online a change was made to Nearby Instant App which impacted the welcome panel. Over the next few days an update should be coming to improve this.

Re: How do I hide this scroll bar?

BethRomero — Fri, 17 Dec 2021 21:45:35 GMT

The update to expand the welcome panel has been implemented, you should see a longer area to display the information now.

Re: How do I hide this scroll bar?

RichlandGIS — Fri, 17 Dec 2021 22:40:55 GMT

I was pretty excited to see that someone actually responded/answered to an ArcGIS Explorer question.......

Then I realized it is in the wrong forum..... No wonder.

topic Re: How do I hide this scroll bar? in ArcGIS Explorer Questions

How do I hide this scroll bar?

Re: How do I hide this scroll bar?

Re: How do I hide this scroll bar?

Re: How do I hide this scroll bar?

Re: How do I hide this scroll bar?

Re: How do I hide this scroll bar?