Image-Webressourcen

  • Artikel

Verwenden Sie Bild-Webressourcen, um Bilder zur Verwendung in modellbasierten Apps verfügbar zu machen.

Es gibt 5 Arten von Bild-Webressourcen:

  • PNG-Format
  • JPG-Format
  • GIF-Format
  • ICO-Format
  • Vektorformat (SVG)

Hinweis

Mit den modellbasierten Apps wurden Webressourcen im Vektorformat (SVG) hinzugefügt.

Verwendungsmöglichkeiten für Bildwebressourcen

Mithilfe von BWebressourcen können Sie Bilder dort hinzufügen, wo sie benötigt werden. Zu den häufigen Verwendungsweisen gehören:

  • Benutzerdefinierte Tabellensymbole
  • Symbole für benutzerdefinierte Menüband-Steuerelemente und SiteMap-Unterbereiche
  • Dekorative Grafiken für Entitätsformulare und Webseiten-Webressourcen.
  • Hintergrundbilder, die von CSS-Webressourcen verwendet werden

Verwenden Sie Vektorformat (SVG)-Webressourcen für alle Symbole, die in der Anwendung angezeigt werden. Vektorbilder werden als skalierbare Vektorgrafiken (Scalable Vector Graphics, SVG), ein XML-basiertes Vektorbildformat, definiert. Der Vorteil von SVG gegenüber anderen Bild-Webressourcen ist Skalierbarkeit, kleinere Größe, und wenn die Füllfarbe entfernt wird, kann die modellgesteuerte App die Symbolfarbe steuern, um Kontrastprobleme zu vermeiden. Entfernen Sie beim Definieren der SVG-Datei oder vor dem Hochladen in die Webressource bitte alle „Füllfarben“-Attribute. Wir empfehlen die Verwendung von SVG gegenüber anderen Bildtypen wie PNG und JPG. Sie können ein Vektorbild definieren und es wiederverwenden, anstatt Bilder in mehreren Größen zu bereitzustellen. Sie verwenden diese mit einer neuen EntityMetadata.IconVectorName Eigenschaft zum Definieren des Symbols einer benutzerdefinierten Tabelle anstelle der IconLargeName, IconMediumName oder IconSmallName-Eigenschaften.

Hinweis

Vektorformat (SVG)-Webressourcen werden wie Skript (JScript)-Webressourcen behandelt und weisen die gleichen Sicherheitsrisiken wie JavaScript-Webressourcen auf, da SVG-Dateien das Einbetten von JScript ermöglichen.

Einschränkungen von Bildwebressourcen

Wie alle Webressourcen verwenden Bildwebressourcen den Sicherheitskontext. Nur lizenzierte Benutzer, die über die notwendigen Rechte verfügen, können darauf zugreifen.

Verweisen einer Bildwebressource aus einer Webseitenwebressource

Alle Webressourcen können relative URLs verwenden, um aufeinander zu verweisen. Im folgenden Beispiel, für die Webseite (HTML)-Webressource new_/content/contentpage.htm, um auf die Bildwebressource new_/Images/image1.png zu verweisen, fügen Sie den folgenden HTML-Code hinzu zu new_/content/contentpage.htm:

<img src="../Images/image1.png" />

Verweisen Sie auf eine Bildwebressource aus einem Formular

Hinzufügen eines Bilds zu einem Formular

  1. Wechseln Sie zum Formular-Editor für eine Tabelle.

  2. Wählen Sie wo in dem Formular Sie das Bild hinzufügen möchten.

  3. Wählen Sie auf der Registerkarte Einfügen und Webressource.

  4. Wählen Sie auf der Registerkarte Allgemein das Webressourcenbild aus, das Sie hinzufügen möchten.

  5. Geben Sie einen Namen für die Webressource an. Sie können auch ein Etikett und einen Alternativtext angeben.

  6. Auf der Registerkarte Formatieren können Sie Folgendes definieren:

    • Die Anzahl der Spalten, die die Bilder verwenden sollen.

    • Die Anzahl der Zeilen, die die Bilder verwenden sollen, oder ob der verfügbare Platz automatisch erweitert werden soll.

    • Die Größe des Bildes, anhand der folgenden Optionen:

      • Strecken

      • Strecken (Seitenverhältnis beibehalten)

      • Original

      • Specific

    • Wenn Sie „Spezifisch“ auswählen, können Sie die gewünschte Höhe und Breite in Pixeln angeben.

  7. Klicken Sie auf OK.

  8. Sie müssen Ihre Änderungen speichern und das Formular veröffentlichen, bevor Benutzer das Bild in dem Formular sehen können.

Verweisen auf eine Bildwebressource von einem Menübandelement oder aus dem Siteübersichtsunterbereich

Verwenden Sie die $webresource:-Direktive zur Angabe eines Webressourcenbild anzugeben zur Verwendung als Symbol im Menüband oder in der Anwendungsnavigation mit SiteMap. Das folgende Beispiel zeigt, wie Symbole für eine Schaltfläche auf dem Menüband angegeben werden.

<Button Id="MyISV.opportunity.form.actions.FlyoutAnchor.Button.1" Image16by16="$webresource:new_/icons/oneIcon16.png" Image32by32="$webresource:new_/icons/oneIcon32.png"/>

Hinweis

Die Verwendung der $webresource:-Direktive fügt eine Lösungsabhängigkeit hinzu, die verhindert, dass die referenzierten Bildwebressourcen gelöscht werden, solange sie von einer anderen Lösungskomponente verwendet werden.

Siehe auch

Webressourcen
Verwendung von Web-Seiten (HTML) Web-Ressourcen
Verwendung von Style Sheet (CSS) Webressourcen
Verwenden der JavaScript-Webressourcen
Verwenden von Daten (XML) Web-Ressourcen
Verwendung von Stylesheet (XSL)-Webressourcen

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).