Utilizzo dei widget > 2D > File
  
File
* 
Il widget file non funziona in esperienze non in linea su iOS. Ciò avviene perché la protezione iOS per i file esterni non consente di aprire file locali in una vista Web.
Qual è la funzione di questo widget?
Il widget File consente di includere un link a un file all'interno dell'esperienza.
Quando va utilizzato questo widget?
Utilizzare un widget File quando si desidera concedere l'accesso a un file all'utente che visualizza un'esperienza.
Sono disponibili proprietà, servizi, eventi o azioni speciali?
Per visualizzare un elenco di proprietà, servizi ed eventi comuni a più widget, vedere Proprietà, servizi ed eventi comuni a più widget.
La seguente tabella riporta un elenco di proprietà specifiche di questo widget.
Proprietà
JavaScript
Tipo
Descrizione
Testo
text
string
Testo visualizzato come link.
URL file
url
string
Per includere un file, è possibile eseguire una delle operazioni riportate di seguito.
• Fare clic su accanto al campo per aggiungere un nuovo file immagine.
• Immettere o copiare e incollare l'URL del file direttamente nel campo.
• Selezionare un file dal menu a discesa.
* 
Il dispositivo utilizzato per la visualizzazione delle esperienze e le applicazioni di visualizzazione dei file installate su tale dispositivo determinano quali file possono essere aperti e visualizzati dall'utente di un'esperienza.
Come funziona il widget
Ecco un esempio dell'aspetto che potrebbe avere il widget.
Passi fondamentali richiesti per l'uso
Come si presenta
1. Trascinare e rilasciare un widget File nell'area di lavoro.
2. Immettere il testo del link che si desidera visualizzare nel campo Testo.
3. Nel campo URL file, selezionare un file esistente, aggiungerne uno nuovo o immettere l'URL del file che si desidera visualizzare.
Definire lo stile del widget con CSS
Per definire lo stile del widget è possibile utilizzare CSS. Quello che segue è un esempio di classe CSS che è possibile creare e applicare:
* 
È consigliabile assegnare nomi univoci alle classi in modo che non siano in conflitto con altre classi o proprietà predefinite.
Esempio CSS
Come si presenta
.ptc-file {
font-size: 18px;
font-family: Century Gothic;
font-weight: bold;
text-decoration: underline;
color: rgb(0, 122, 62);
}
Per ulteriori informazioni sull'implementazione delle classi CSS, vedere Stili dell'applicazione.