The following page lists directives related to spotlights.
Creates a link that highlights the specified UI element in Cloud Console when clicked.
You can spotlight an element on the page in one of two ways:
- Spotlight/instrumentation ID
- Using the
spotlightIdparameter, specify a DOM element's
spotlight-idproperty value to select the element.
- CSS selector
- For elements without a spotlight
ID, use the
cssSelectorparameter with a CSS selector to select the element.
Only one of these parameters is required. If both are provided,
Multiple elements can be selected using a comma as a delimiter. All matching elements are highlighted, with the first focused and scrolled into view.
For spotlights in Cloud Shell Editor, refer to Cloud Shell Editor spotlights.
||List||Spotlight/instrumentation IDs to spotlight, separated by comma.|
||List||CSS selectors to spotlight, separated by comma.|
||String||(Optional) The tooltip to show when the user hovers their mouse cursor over the spotlight link.|
Here's a list of spotlight/instrumentation IDs you can use:
|Spotlight/instrumentation ID||Highlighted element|
||The console navigation menu.|
||The button to open Cloud Shell.|