Hello, I found this application on the ESRI gallery and I am trying to something similar to their map info widget. They have images in line with the text like "website". The widget also scrolls.
How do I:
1. Have images and text nicely beside each other that stay in place regardless of screen size. Is this using the px versus % ?
2. Make the whole widget scrollable.
Since you cannot add text to an image widget, or an image to a text widget, I am guessing they put text and images into a card widget. But I cant figure out how they got them to scroll together.
I have tried using a grid within a card widget, but then each element scrolls separately.
Any suggestions? Thanks.
Here is the application link: Power Plants and Community Demographics (arcgis.com)
Accepted Solutions
Hi @KatherineHackett ,
The sample app uses an Embed widget (Embed by Code):
You can combine column, card, and text widgets to make a similar effect.
1. Add an empty card widget in the widget controller
2. Add a column widget in the card
3. Add a card widget (with image and text), and a text widget (set with Auto height) in the column
4. For the image and text widgets in the card, use px for both position and width
5. Duplicate card and text widgets to use the same style
Let me know if you have any other questions.
Shengdi
Hi @KatherineHackett ,
The sample app uses an Embed widget (Embed by Code):
You can combine column, card, and text widgets to make a similar effect.
1. Add an empty card widget in the widget controller
2. Add a column widget in the card
3. Add a card widget (with image and text), and a text widget (set with Auto height) in the column
4. For the image and text widgets in the card, use px for both position and width
5. Duplicate card and text widgets to use the same style
Let me know if you have any other questions.
Shengdi
