# Introducing the Component Spotlight

**URL:** <https://forum.inductiveautomation.com/t/introducing-the-component-spotlight/80552>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [October 16, 2023, 8:16pm UTC](https://forum.inductiveautomation.com/t/introducing-the-component-spotlight/80552 "2023-10-16T20:16:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [October 16, 2023, 8:16pm UTC](https://forum.inductiveautomation.com/t/introducing-the-component-spotlight/80552/1 "2023-10-16T20:16:59Z")

</div>

## Description

Simply drop [the template](https://inductiveautomation.com/exchange/2566/overview) anywhere in a window, and it will automatically populate with a list of every component within the window when the window is opened.

 ![Screen Shot 2023-09-20 at 11.40.30 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/8/9896ed72dccf79bad5e22a20cfe4b06b7ba06b62.png)

Selecting a component from the dropdown will cause a spotlight to illuminate the component showing the user where it is in the window.

![Component Spotlight Demo 01](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/063219ab54bd30058635382adce3b12c5139fc61.gif)

If the component is nested in something with a scroll pane such as a template repeater or a template canvas, and the component is off screen, the [component locator](https://inductiveautomation.com/exchange/2566/overview) will move the scroll bars to bring the component into view before shining the spotlight on it.

![Component Spotlight Demo 02](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/1/d15f21815313ef307e8d0012024ea834e5f2215b.gif)

Typing in the search box will automatically filter components out of the dropdown as the user types.

 ![Screen Shot 2023-09-20 at 11.40.53 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/d/7d13cbae6a0d6c57d50a34dc9a1a12db35b8546f.png)

The template has a custom method called 'filterComponents' that can be modified to ensure that only certain types of components are populated in the dropdown

If a component in the list has its visibility property set to False, the [component locator](https://inductiveautomation.com/exchange/2566/overview) will temporarily make the component visible while spotlighting it

The [component spotlight](https://inductiveautomation.com/exchange/2566/overview) is now available for download on the Ignition Exchange:

> **[Ignition Exchange](https://inductiveautomation.com/exchange/2566/overview)**
>
> Discover, share, and download community made Ignition resources in collaboration with your organization or the Ignition community.