Introducing the Component Spotlight

Description

Simply drop the template 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

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

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 will move the scroll bars to bring the component into view before shining the spotlight on it.

Component Spotlight Demo 02

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

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 will temporarily make the component visible while spotlighting it

The component spotlight is now available for download on the Ignition Exchange:

12 Likes