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-id
ospotlight-id
de 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
cssSelector
con 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. |