Skip to main content

Composants dans App Builder

Note

App Builder est un nouveau produit évolutif disponible avec Alteryx Analytics Cloud Platform. La fonctionnalité est sujette à modification sans préavis à mesure que nous continuons à affiner et à améliorer votre expérience. Nous vous remercions de votre compréhension et nous vous invitons à nous faire part de vos commentaires sur la communauté Alteryx tandis que nous continuons à améliorer App Builder !

Ajoutez du contenu à l'application à l'aide d'éléments de composant.

Ajout et suppression d'éléments de composant

Pour ajouter un élément de composant au canevas, faites glisser l'élément de la palette Blocs de construction à l'intérieur d'un conteneur sur le canevas.

Pour supprimer un élément de composant, sélectionnez l'élément pour le mettre en surbrillance, puis sélectionnez l'icône de la corbeille.

Bannière

Utilisez Bannière pour mettre en avant les informations importantes dans l'application.

Configuration de l'élément

  1. Sélectionnez le Type de bannière :

    • Information

    • Succès

    • Avertissement

    • Erreur

  2. Sélectionnez le Style de bannière :

    • Standard

    • Outlined

    • Filled

  3. Saisissez une Largeur de bordure (uniquement disponible lorsque l'option Style est définie sur Outlined).

  4. Cochez Afficher l'icône pour afficher l'icône de bannière.

  5. Saisissez le Contenu de la bannière. Il s'agit du texte affiché dans la bannière.

  6. Spécifiez la Couleur :

    • Texte

    • Remplissage

    • Bordure

    Notez que l'option Bordure est uniquement disponible lorsque Style est sélectionné dans Outlined.

  7. Sélectionnez Enregistrer.

Diviser

Utilisez Diviseur pour ajouter une séparation visuelle entre des composants de l'application.

Configuration de l'élément

  1. Sélectionnez la Largeur du trait. Cela détermine la largeur du diviseur.

  2. Sélectionnez le Style du trait :

    • Solide

    • Tirets

  3. Sélectionnez la Couleur du diviseur.

  4. Pour redimensionner le diviseur sur le canevas, sélectionnez le coin de l'élément de diviseur et faites-le glisser pour le redimensionner.

  5. Sélectionnez Enregistrer.

Image

Utilisez Image pour afficher une image dans l'application.

Configuration de l'élément

  1. Saisissez l'URL de l'image qui renvoie à l'image que vous souhaitez afficher.

  2. Entrez le Titre de l'image.

  3. Sélectionnez Enregistrer.

Lien

Utilisez Lien pour ajouter un lien à l'application.

Configuration de l'élément

  1. Saisissez le Texte d'affichage qui apparaîtra comme un lien cliquable dans l'application.

  2. Saisissez l'URL du lien qui relie le Texte d'affichage à la page Web vers laquelle vous souhaitez rediriger l'utilisateur.

  3. Sélectionnez Enregistrer.

Espacement

Utilisez Espacement pour créer un espace entre d'autres éléments de l'application.

Configuration de l'élément

  1. Sélectionnez la Couleur de l'arrière-plan de l'élément d'espacement. La couleur par défaut est transparent.

  2. Pour redimensionner l'espacement sur le canevas, sélectionnez le coin de l'élément d'espacement et faites-le glisser pour le redimensionner.

  3. Sélectionnez Enregistrer.

Couleur

Personnalisez vos blocs de construction avec les options de couleur disponibles dans le panneau de configuration. Pour personnaliser les couleurs de vos composants, sélectionnez un bloc de construction, puis choisissez des options de couleur dans la liste déroulante Couleur. Pour plus d'informations sur les choix de couleurs et sur la modification des couleurs de votre thème, consultez la section Thèmes dans App Builder.

Espacement

Définissez un espacement personnalisé pour vos blocs de construction dans App Builder. Saisissez un nombre de pixels pour ajouter une marge aux côtés Supérieur, Inférieur, Gauche et Droit de votre élément.

Logique conditionnelle

Ajoutez une logique conditionnelle pour les éléments, qui détermine si l'élément est affiché :

  1. Sélectionnez une variable pour OnlyDisplay If.

  2. Sélectionnez un Opérateur.

  3. Sélectionnez une Valeur, à savoir celle stockée par la variable tant qu'elle n'a pas été modifiée par un outil Définir les variables.