Contenuti in evidenza

Questa pagina elenca le direttive relative ai riflettori.

Cursori 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 dell'interfaccia utente specificato nella console Google Cloud quando viene fatto clic.

Puoi mettere in evidenza un elemento nella pagina in due modi:

ID/strumentazione Spotlight
Utilizzando il parametro spotlightId, specifica il valore della proprietàinstrumentation-id o spotlight-id di un elemento DOM per selezionarlo.
Selettore CSS
Per gli elementi senza un ID cssSelector, utilizza il parametro cssSelector con un selettore CSS per selezionarli.

È richiesto 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 selezionato e visualizzato.

Per i riflettori nell'editor di Cloud Shell, consulta Riflettori dell'editor di Cloud Shell.

Parametri

Parametro Tipo Descrizione
spotlightId Elenco ID di strumenti/riflettori da mettere in evidenza, separati da virgola.
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 primo piano.

Di seguito è riportato un elenco di ID di 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.