Esta página apresenta diretivas relacionadas com os destaques.
Ponteiros de destaque
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Cria um link que realça o elemento da IU especificado na Google Cloud consola quando clicado.
Pode destacar um elemento na página de duas formas:
- ID dedestaque /instrumentação
- Usando o parâmetro
spotlightId, especifique o valor da propriedadeinstrumentation-idouspotlight-idde um elemento DOM para selecionar o elemento. - Seletor CSS
- Para elementos sem um destaque
ou instrumentação
ID, use o parâmetro
cssSelectorcom um seletor CSS para selecionar o elemento.
Apenas um destes parâmetros é necessário. Se ambos forem fornecidos, é usado spotlightId.
É possível selecionar vários elementos usando uma vírgula como delimitador. Todos os elementos correspondentes são realçados, com o primeiro focado e deslocado para a vista.
Para ver destaques no editor do Cloud Shell, consulte o artigo Destaques do editor do Cloud Shell.
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
spotlightId
|
Lista | IDs de destaque/instrumentação a destacar, separados por vírgulas. |
cssSelector |
Lista | Seletores CSS a destacar, separados por vírgula. |
title
|
String | (Opcional) A sugestão a apresentar quando o utilizador passa o cursor do rato sobre a hiperligação de destaque. |
Segue-se uma lista de IDs de destaque/instrumentação que pode usar:
| ID do Spotlight/instrumentação | Elemento realçado |
|---|---|
console-nav-menu |
O menu de navegação da consola. |
devshell-activate-button |
O botão para abrir o Cloud Shell. |