Problem with scrolling in Attachment Viewer Web App

479
1
10-22-2020 01:44 PM
Alyssia
Occasional Contributor

webapps‌ attachment viewer app‌ attachment viewer‌

I am using the attachment viewer app to show recorded plats for our planning and engineering department. The users love it, but we have come across an issue with scrolling the attachment horizontally after zooming in. We can scroll vertically, but the bar at the bottom of the screen that tells you how many attachments are available overrides the scroll bar (example below).

The workaround is to use the arrow keys on the keyboard, but that is really not that intuitive for someone who is already using the mouse to navigate the map and zoom in/out. It would also be nice if the zoom in/out also worked with the mouse scroll wheel rather than just the + and - buttons. 

 Is there a setting I am missing?

0 Kudos
1 Reply
RyanLibed
Esri Contributor

Hi Alyssia,

Glad to see that you're using the Attachment Viewer! One approach to go about removing the attachment scroll is by using the Custom CSS configuration setting in the Attachment Viewer's configuration panel. 

Within the configuration panel's full setup, navigate to Theme & Layout > Custom CSS.

Within the Custom CSS input, enter:

.esri-photo-centric__image-viewer--desktop .esri-photo-centric__photo-viewer-container .esri-photo-centric__attachment-number { display: none; }

This will remove the attachment scroll from the attachment preview container. 

If you are removing the attachment scroll AND are using the image pan/zoom feature, you can nicely reposition the image pan/zoom tool by including this CSS rule as well:

.esri-photo-centric__image-viewer--desktop .esri-photo-centric__photo-viewer-container .esri-photo-centric__image-zoom-slider { bottom: 1%; }

You can enter these 2 rules in the same input. 

Also, thank you for your feedback in regards to using the mousewheel scroll on the image pan/zoom feature. We will take this into consideration. 

Please let use know if you further questions. 

Thanks,

Ryan