En la siguiente página, se enumeran las directivas relacionadas con los Spotlights.
Punteros destacados
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Crea un vínculo que destaca el elemento de IU especificado en Cloud Console cuando se hace clic en él.
Puedes destacar un elemento en la página de dos maneras:
- ID del momentoen instrumentación/instrumentación
- Con el parámetro
spotlightId, especifica el valor de propiedadinstrumentation-idospotlight-idde un elemento DOM para seleccionar el elemento. - Selector de CSS
- Para los elementos sin un ID de destacado o un de instrumentación, usa el parámetro
cssSelectorcon un selector de CSS para seleccionar el elemento.
Solo se requiere uno de estos parámetros. Si se proporcionan ambos, se usa spotlightId.
Puedes seleccionar varios elementos con una coma como delimitador. Todos los elementos coincidentes se destacan, con el primer enfoque y el desplazamiento en la vista.
Para ver los Spotlights en el editor de Cloud Shell, consulta Aspectos destacados del editor de Cloud Shell.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Enumerar | ID de foco o instrumentación que se deben destacar, separados por comas. |
cssSelector |
Enumerar | Selectores de CSS para destacar, separados por comas. |
title
|
String | (Opcional) La información sobre la herramienta que se muestra cuando el usuario desplaza el cursor del mouse sobre el vínculo de Spotlight. |
A continuación, te mostramos una lista de ID de foco o instrumentación que puedes usar:
| ID del foco o instrumentación de instrumentación | Elemento destacado |
|---|---|
console-nav-menu |
Menú de navegación de Console. |
devshell-activate-button |
El botón para abrir Cloud Shell. |