# \[FEATURE\] Add ability to add Icon and styling to Perspective Dropdown items

**URL:** <https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 17, 2023, 5:33am UTC](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823 "2023-05-17T05:33:25Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [May 17, 2023, 8:00am UTC](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823/2 "2023-05-17T08:00:50Z")

</div>

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?)

```auto
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

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/e/de40a697f7cdf17f8a9c0438b3585039bd1a9ced.png)

```auto

```

---

_[View the full topic](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823)._