Arbeiten mit Widgets > 2D > Datei
  
Datei
* 
Das Datei-Widget funktioniert nicht für Offline-Erlebnisse in iOS. Dies liegt daran, dass die iOS-Sicherheit für externe Dateien das Öffnen lokaler Dateien in der Webansicht nicht erlaubt.
Was macht dieses Widget?
Das Widget Datei ermöglicht es Ihnen, einen Link zu einer Datei einzuschließend, wenn Sie sich in Ihrem Erlebnis befinden.
Wann sollte ich dieses Widget verwenden?
Verwenden Sie eine Datei, wenn Sie einem Erlebnis-Benutzer Zugriff auf eine Datei gewähren möchten.
Gibt es besondere Eigenschaften, Dienste, Ereignisse oder Aktionen?
Eine Liste von allgemeinen Widget-Eigenschaften, -Diensten und -Ereignissen finden Sie unter Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse.
Die folgende Tabelle ist eine Liste von Eigenschaften, die für dieses Widget spezifisch sind.
Eigenschaft
JavaScript
Typ
Beschreibung
Text
text
string
Text, der als Link angezeigt wird.
URL-Datei
url
string
Um eine Datei einzuschließen, können Sie einen der folgenden Schritte ausführen:
Klicken Sie neben dem Feld auf , um eine neue Bilddatei hinzuzufügen.
Geben oder fügen Sie eine Datei-URL direkt in das Feld ein.
Wählen Sie im Dropdown-Menü eine Datei aus.
* 
Das zum Anzeigen von Erlebnissen verwendet Gerät und die auf ihm installierten Apps zur Dateianzeige bestimmen, welche Dateien ein Erlebnis-Benutzer öffnen und anzeigen kann.
Das Widget in Aktion
Hier ist ein Beispiel, wie Ihr Widget aussehen könnte.
Minimale Schritte, die für die Verwendung erforderlich sind
Wie das Ergebnis aussieht
1. Ziehen Sie ein Datei-Widget in die Canvas, und legen Sie es ab.
2. Geben Sie den Linktext, den Sie anzeigen möchten, in das Feld Text ein.
3. Wählen Sie im Feld Datei-URL eine vorhandene Datei aus, fügen Sie eine neue Datei hinzu oder geben Sie die URL der Datei ein, die Sie anzeigen möchten.
Widget mit CSS stylen
Sie können CSS verwenden, um das Widget zu stylen! Nachfolgend sehen Sie ein Beispiel für eine CSS-Klasse, die Sie erstellen und anwenden können:
* 
Beachten Sie, dass Klassen eindeutige Namen haben sollten, sodass es nicht zu Konflikten mit anderen Klassen oder vorkonfigurierten Eigenschaften kommt.
CSS-Beispiel
Wie das Ergebnis aussieht
.ptc-file {
font-size: 18px;
font-family: Century Gothic;
font-weight: bold;
text-decoration: underline;
color: rgb(0, 122, 62);
}
Weitere Informationen zum Implementieren von CSS-Klassen finden Sie unter Anwendungsstile.