Select an image for a custom Infographic component

DougLogsdon2 — Wed, 10 Nov 2021 14:13:25 GMT

Greetings! I would like to create an Infographic component for a data summary like below:

I would like to be able to select an image for the background from the settings panel...similar to the included Image widget:

I believe this is using:

import { ImageSelector } from 'jimu-ui/advanced/resource-selector';

though there are no TypeScript definitions within ExB 1.6 and also not documented yet in Storybook.

If anymore has info on setting this up regarding parameters and updating settings changes (or if something else should be used entirely) it would be greatly appreciated! Thanks again!

Re: Select an image for a custom Infographic component

DougLogsdon2 — Mon, 12 Sep 2022 12:55:10 GMT

This solution came full circle for me, this is how you can reference image assets for custom widgets:

import { ImageSelector } from 'jimu-ui/advanced/resource-selector'; <ImageSelector buttonClassName='my-class-names' widgetId={id} buttonLabel={'myButtonLabel'} buttonSize='sm' onChange={handleResourceChange} imageParam={selectedImageParam} />

Good luck!

topic Re: Select an image for a custom Infographic component in ArcGIS Experience Builder Questions

Select an image for a custom Infographic component

Re: Select an image for a custom Infographic component