Utilisation des widgets > 2D > Fichier
  
Fichier
* 
Le widget Fichier ne fonctionne pas dans les expériences hors ligne sur iOS. Cela est dû au fait que la sécurité iOS mise en place pour les fichiers externes empêche l'ouverture des fichiers locaux dans l'affichage Web.
A quoi sert ce widget ?
Le widget Fichier vous permet d'inclure un lien vers un fichier à partir de votre expérience.
Quand faut-il utiliser ce widget ?
Utilisez un fichier lorsque vous souhaitez donner accès à un fichier à l'utilisateur visualisant l'expérience.
Comporte-t-il des propriétés, services, événements ou actions spéciaux ?
Pour afficher la liste des propriétés, services et événements communs des widgets, consultez la rubrique Propriétés, services et événements communs à plusieurs widgets.
Le tableau suivant comporte une liste des propriétés spécifiques à ce widget.
Propriété
JavaScript
Type
Description
Texte
text
string
Texte qui apparaît comme lien.
URL du fichier
url
string
Pour inclure un fichier, vous pouvez effectuer l'une des opérations suivantes :
Cliquez sur en regard du champ pour ajouter un nouveau fichier image.
Entrez ou copiez et collez une URL de fichier directement dans le champ.
Sélectionnez un fichier dans le menu déroulant.
* 
L'appareil utilisé pour visualiser les expériences ainsi que les applications de visualisation de fichiers installées détermineront quels fichiers l'utilisateur pourra ouvrir et visualiser.
Fonctionnement du widget
Voici un exemple de ce à quoi peut ressembler votre widget !
Etapes minimales requise pour l'utilisation
Apparence
1. Faites glisser et déposez un widget Fichier sur le canevas.
2. Entrez le texte du lien que vous souhaitez afficher dans le champ de Texte.
3. Dans le champ URL du fichier, sélectionnez un fichier existant, ajoutez un nouveau fichier ou entrez l'URL du fichier que vous souhaitez afficher.
Styliser le widget avec CSS
Vous pouvez utiliser CSS pour styliser le widget ! Voici un exemple de classe CSS que vous pouvez créer et appliquer :
* 
Rappelez-vous qu'il est préférable de donner à vos classes des noms uniques afin qu'ils ne soient pas en conflit avec d'autres classes ou propriétés prédéfinies.
Exemple de CSS
Apparence
.ptc-file {
font-size: 18px;
font-family: Century Gothic;
font-weight: bold;
text-decoration: underline;
color: rgb(0, 122, 62);
}
Pour plus d'informations sur l'implémentation des classes CSS, consultez la rubrique Styles d'application.