Questa pagina elenca le direttive relative agli spot.
Puntatori Area in evidenza
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Crea un link che evidenzia l'elemento UI specificato nella consoleGoogle Cloud quando viene selezionato.
Puoi mettere in evidenza un elemento della pagina in due modi:
- IDspotlight /strumentazione
- Utilizzando il parametro
spotlightId, specifica il valore della proprietàinstrumentation-idospotlight-iddi un elemento DOM per selezionarlo. - Selettore CSS
- Per gli elementi senza un ID
di evidenziazione
o strumentazione, utilizza il parametro
cssSelectorcon un selettore CSS per selezionare l'elemento.
È necessario solo uno di questi parametri. Se vengono forniti entrambi, viene utilizzato spotlightId.
È possibile selezionare più elementi utilizzando una virgola come delimitatore. Tutti gli elementi corrispondenti vengono evidenziati, con il primo messo a fuoco e visualizzato.
Per i riflettori nell'editor di Cloud Shell, consulta la sezione Riflettori dell'editor di Cloud Shell.
Parametri
| Parametro | Tipo | Descrizione |
|---|---|---|
spotlightId
|
Elenco | ID di riflettori/strumentazione da mettere in evidenza, separati da virgole. |
cssSelector |
Elenco | Selettori CSS da mettere in evidenza, separati da virgole. |
title
|
Stringa | (Facoltativo) La descrizione comando da mostrare quando l'utente passa il cursore del mouse sopra il link in evidenza. |
Ecco un elenco di ID spotlight/strumentazione che puoi utilizzare:
| ID spotlight/strumentazione | Elemento evidenziato |
|---|---|
console-nav-menu |
Il menu di navigazione della console. |
devshell-activate-button |
Il pulsante per aprire Cloud Shell. |