DocumentViewer

Remarque : si vous souhaitez uniquement afficher des images, nous vous recommandons d'utiliser la commande Image.

Utilisez la commande Visionneuse de documents (Document Viewer) pour restituer un document et l'afficher en ligne dans votre application. Par exemple, pour afficher un document de facturation ou un reçu qui peut être situé dans diverses sources, telles que des compartiments de stockage, des entités ou des liens publics.

Remarque :

Si vous utilisez un compartiment de stockage dans votre application, la propriété Source d'une commande Visionnage de document ( Document Viewer) doit être une variable AppsFile :

1. Ajoutez une règle Télécharger du compartiment de stockage (Download from storage bucket ) à votre application.

2. Liez une variable AppsFile à la règle Télécharger à partir du compartiment de stockage (Download from storage bucket ).
3. Lier la même variable AppsFile à la propriété Source de la visionneuse de documents.

Important :

Si vous utilisez Google Chrome, selon vos paramètres, le navigateur peut télécharger le document au lieu de l'ouvrir. Cela peut entraîner que le document ne s'affiche pas correctement dans l'application.

Si vous rencontrez ce problème, procédez comme suit :

1. Collez les éléments suivants dans votre barre d'adresse Google Chrome : chrome://settings/content

2. Faites défiler jusqu'à la fin de la page et sélectionnez Paramètres de contenu supplémentaires (Additional content settings). Une sélection déroulante s'ouvre.

3. Sélectionnez des documents PDF.

4. Sélectionnez l'option Ouvrir les PDF dans Chrome (Open PDFs in Chrome ).

Général

• Source : la source du document que vous souhaitez afficher. Les types de fichiers pris en charge sont les documents et images PDF (JPEG, PNG, BMP, GIF et WEBP).
• Masqué (Hidden) : si la valeur est true, masque la commande au moment du runtime.
• Désactivé (Disabled) : si la valeur est true, désactive la commande au moment du runtime.

Events

Pas d’événements.

Style

• Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour revenir par défaut à l'alignement parent, désélectionnez les options remplacées.

  Remarque : l'alignement dépend de la mise en page sélectionnée pour le parent (Vertical vs Horizontal).

• Bordure (Border) : la bordure de la commande. L'épaisseur (Thickness), la couleur (Color) et le rayon (Radius) peuvent être configurés.

• Marge (Margin) : la marge de la commande. Par défaut, une marque de 4px est définie. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Marge (Margin).

• Taille (Size) : largeur et hauteur de la commande. Par défaut, la taille est définie sur auto, ce qui signifie 320x410px. Pour définir des valeurs minimales ou maximales, cliquez sur l'icône à trois points (...).