How do I hide this scroll bar?

1676
5
Jump to solution
12-09-2021 05:41 AM
sr_guy
by
New Contributor III

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

scroll.jpg

 

 

<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 &amp; M (CHI)
                </td>
                <td>
                    <a href="https://outagemap.indianamichiganpower.com.s3.amazonaws.com/external/default.html" target="_blank">I &amp; 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&amp;_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&amp;_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&amp;_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 &amp; 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 &amp; 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>

 

 

 

 

 

0 Kudos
1 Solution

Accepted Solutions
BethRomero
Esri Contributor

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

View solution in original post

0 Kudos
5 Replies
ABishop
MVP Regular Contributor

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

 

Amanda Bishop, GISP
0 Kudos
RhettZufelt
MVP Notable Contributor

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

 

R_

 

0 Kudos
BethRomero
Esri Contributor

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.  

0 Kudos
BethRomero
Esri Contributor

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

0 Kudos
rzufelt
Occasional Contributor

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.