Select to view content in your preferred language

Use icons instead of numbers for pledge wrapper

159
1
11-14-2024 02:36 PM
lmarun
by
Occasional Contributor

Hello.

Can I use code to convert a pledge-wrapper to a similar option that allows me to use icons instead of numbers (and hopefully allows me to use one more or less item than the current default of four)?

Or do I need to use a completely different approach?

Tags (2)
0 Kudos
1 Reply
KlaraSchmitt
Esri Regular Contributor

Hello,

Unfortunately, the code for the pledge-wrapper generates the numbers through a CSS property called counter-increment. There is no equivalent for icons. Additionally, because the numbers don't exist in the HTML, they can't simply be replaced by code for icons. Your best bet might be to look through CodePen samples for a horizontal timeline that uses icons and is generated through pure CSS. I did try a handful for you, but I couldn't find any that handled responsive resizing well. Sorry.

0 Kudos