Spotlight - Highlights specific components and darkens the rest of the screen. Adds a border and animation.

Spotlight
Highlights specific components and darkens the rest of the screen. Adds a border and animation.

GIF_20250823_043752_434


I did not add any text functionality as this was made to complement the
Tooltips extension
I made.

And it looks like this:

GIF_20250823_042857_249


Borders:








CornerRadius

Sets the corner radius of the highlighted área.


Margin

Sets the additional margin around the component.

blocks (4)


OverlayColor

Sets the overlay color (RGBA format).


AnimationDuration

Sets the duration of the animation in milliseconds.


ShowSpotlight

Displays the spotlight focusing on a specific component with fade-in animation.


RemoveSpotlight

Remove the spotlight from the screen with fade-out animation.

component_method (1)


Border

Set border around spotlight with different styles.

  • animated: true for animated border, false for static border.

RemoveBorder

Remove border from spotlight

component_method (2)


AnimationStarted

Event that triggers when the spotlight animation starts.

component_event (5)


AnimationFinished

Event that triggers when the spotlight animation has finished expanding.

component_event (6)


TransitionToNewComponentStarted

Event that triggers when the spotlight transition animation starts to appear on the new component.


v1.0 Ago 23, 2025.

Spotlight.aia (35.1 KB)

joejsanz.joedevspotlight.aix (17.0 KB)


JDK: 11
Minimum API Level: 21
Updated On: 2025-08-23T07:00:00Z

Built using: FAST-CLI v4.2.1-premium


Thanks.

7 Likes

3 posts were split to a new topic: Looking for help in extension development