En esta página se enumeran las directivas relacionadas con los focos.
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 enlace que destaca el elemento de la interfaz de usuario especificado en la consolaGoogle Cloud cuando se hace clic en él.
Puedes destacar un elemento de la página de dos formas:
- ID de Spotlight/instrumentación
- Con el parámetro
spotlightId, especifica el valor de la propiedadinstrumentation-idospotlight-idde un elemento DOM para seleccionar el elemento. - Selector de CSS
- En el caso de los elementos que no tengan un ID de focoo de instrumentación,
utiliza el parámetro
cssSelectorcon un selector de CSS para seleccionar el elemento.
Solo se necesita uno de estos parámetros. Si se proporcionan ambos, se usa spotlightId.
Se pueden seleccionar varios elementos usando una coma como delimitador. Se resaltan todos los elementos coincidentes, y el primero se enfoca y se muestra.
Para ver los focos de atención en el editor de Cloud Shell, consulta Focos de atención del editor de Cloud Shell.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Lista | IDs de foco o instrumentación que se van a destacar, separados por comas. |
cssSelector |
Lista | Selectores de CSS que se deben destacar, separados por comas. |
title
|
Cadena | (Opcional) La descripción emergente que se muestra cuando el usuario coloca el cursor del ratón sobre el enlace de foco. |
A continuación, se muestra una lista de IDs de foco o de instrumentación que puedes usar:
| ID de Spotlight o de instrumentación | Elemento destacado |
|---|---|
console-nav-menu |
El menú de navegación de la consola. |
devshell-activate-button |
El botón para abrir Cloud Shell. |