topic How to make image scrollable in ArcGIS Experience Builder Questions

How to make image scrollable

Marokapara — Tue, 22 Nov 2022 07:40:36 GMT

Hi there, I've had to manually create (make a graphic) of a legend to put in my Experience Builder. This is because Map Viewer doesn't allow for grouping of layers in the legend yet (eg symbolise first by one field and then the next) I don't think. Would be great if I'm wrong!

The manual legend I've created is very long now. Is it possible to make is scrollable so it can be viewed at the correct resolution from legend top to bottom?

Re: How to make image scrollable

TonghuiMing — Tue, 22 Nov 2022 07:55:54 GMT

@Marokapara You can put the image widget inside a column, and then set its height as Auto.

Re: How to make image scrollable

Marokapara — Wed, 23 Nov 2022 00:40:06 GMT

@TonghuiMing Thank you! That did the job!

Re: How to make image scrollable

LefterisKoumis — Thu, 30 Mar 2023 22:39:03 GMT

@TonghuiMing I am trying to implement your suggested solution but it doesn't work. In my case I have the contents of a tab and want to have scrolling so users can scroll to the bottom.

I drag the column and then I drag inside my custom tab widget, I set both to height auto but when I select a tab that has a lot of rows, the scrolling never appear.

Before I set the height to auto:

After I set up both components to height auto, a selection of a tab with lots of rows it overflows both the widget and column boundaries and no vertical scrolling bar appear. Suggestions?

Re: How to make image scrollable

TonghuiMing — Fri, 07 Apr 2023 09:27:26 GMT

@LefterisKoumis I think the difference here is that your widget has different tabs with different content (meaning different heights) - all being dynamic. You will need to have a column with a defined height (not auto - which means your second solution is not quite desired), and then the inside widget with auto height will generate the scroll bar, depending on the content.

If using an Image, as indicated above, its height is predictable - depending on the picture we want to upload;

If using a dynamic one similar to your case, like the List widget, when populating content longer than the defined height in the column widget, the scroll bar appears.

It looks to me that in your first screenshot, the content is shorter than the outsider container, so there is no scrollbar. I guess shrinking the column height might work, but not sure if the UI looks good in your case.