Cette page répertorie les directives relatives aux zones éclairées.
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 surbrillance l'élément d'interface utilisateur spécifié dans dans la console Google Cloud lorsque vous cliquez dessus.
Vous pouvez mettre en surbrillance un élément de la page de deux manières :
- ID Spotlight/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 zone de surbrillance
ou d'instrumentation
ID, 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ètre | 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. |