# Adding images to dropdownOptionStyle

**URL:** <https://forum.inductiveautomation.com/t/adding-images-to-dropdownoptionstyle/98728>\
**Category:** Ignition\
**Tags:** perspective, scripting, ignition81\
**Created:** [November 18, 2024, 10:38am UTC](https://forum.inductiveautomation.com/t/adding-images-to-dropdownoptionstyle/98728 "2024-11-18T10:38:04Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 18, 2024, 11:53am UTC](https://forum.inductiveautomation.com/t/adding-images-to-dropdownoptionstyle/98728/3 "2024-11-18T11:53:58Z")

</div>

Might want to take a look at this one, if you need different icons/images per option.

> [@\[FEATURE\] Add ability to add Icon and styling to Perspective Dropdown items](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823/2):
>
> put this in the markdown component binding like usual you'll ofc will have to add some python logic to append the style string based on the required labels in de dropdown (idk if everyone has these Builtin/icons or is it from my test project?) styles=".iaDropdownCommon\_options [data-label='YourLabel']:before { content: url('/system/images/Builtin/icons/16/check2.png'); }" code = """\<style\> """+styles+""" \"\>\</style\>""".replace("\n", "").replace("\t", "") return code

---

_[View the full topic](https://forum.inductiveautomation.com/t/adding-images-to-dropdownoptionstyle/98728)._