Cette page répertorie les directives liées aux effets de lumière.
Pointeurs de mise en surbrillance
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Crée un lien qui met en évidence l'élément d'interface utilisateur spécifié dans la console Google Cloud lorsque l'utilisateur clique dessus.
Vous pouvez mettre en surbrillance un élément de la page de deux manières :
- ID de surbrillance /instrumentation
- Utiliser le paramètre
spotlightId, spécifiez la valeur de la propriétéinstrumentation-idouspotlight-idde l'élément pour sélectionner celui-ci. - sélecteur CSS
- Pour les éléments sans effet de surbrillance ou instrumentation utilisez le paramètre
cssSelectoravec un sélecteur CSS pour sélectionner l'élément.
Un seul de ces paramètres est requis. Si les deux sont fournis, spotlightId est utilisé.
Vous pouvez sélectionner plusieurs éléments en les séparant par une virgule. Tous les éléments correspondants sont mis en surbrillance, avec le premier sélectionné et affiché.
Pour les mises en surbrillance dans l'éditeur Cloud Shell, reportez-vous à la section Mise en surbrillance dans l'éditeur Cloud Shell.
Paramètres
| Paramètres | Type | Description |
|---|---|---|
spotlightId
|
Liste | Identifiants Spotlight/d'instrumentation à mettre en surbrillance, séparés par une virgule. |
cssSelector |
Liste | Sélecteurs CSS à mettre en surbrillance, séparés par une virgule. |
title
|
Chaîne | (Facultatif) Info-bulle à afficher lorsque l'utilisateur passe la souris sur le lien en surbrillance. |
Voici une liste d'identifiants Spotlight/d'instrumentation que vous pouvez utiliser :
| ID de surbrillance/instrumentation | Élément mis en surbrillance |
|---|---|
console-nav-menu |
Menu de navigation de la console. |
devshell-activate-button |
Bouton permettant d'ouvrir Cloud Shell. |