Branding-Anpassung

Suchen
Experience Manager 6.2 Forms Benutzerhandbuch

Auf dieser Seite

Gilt für: Experience Manager 6.2 Forms

Sie sehen sich Hilfeinhalte der folgenden Version an:

Sie können das Symbol und den Namen der Anwendung, Startbilder und die Anmeldeseite anpassen und dadurch ein auf Ihr Unternehmen zugeschnittenes Erscheinungsbild für Ihre Organisation in der AEM Forms-App gestalten. Sie können beispielsweise die Bilder ändern und stattdessen Logos Ihrer Organisation verwenden. Die AEM Forms-App unterstützt die folgenden Anpassungen:

  • Anpassen von Anwendungssymbolen und Startbildern

  • Anpassen des App-Namens

  • Anpassen von Bildern auf der Anmeldeseite

  • Anpassen des Logos im Appmenü

Anpassen von Symbolen und Startbildern

Führen Sie die folgenden Schritte durch, um das Standardsymbol der App und das Startbild der AEM Forms-App anzupassen:

Hinweis:

Verwenden Sie für alle Symbole und Bilder das PNG-Format ohne Zeilensprung (non-interlaced).

So passen Sie Symbole und Startbilder an

iOS

  1. Öffnen Sie das Projekt Capture.xcodeproj in Xcode.

  2. (Symbol anpassen) Navigieren Sie in der Navigatoransicht von „Capture“ zu „Capture“ > „Capture“ > „Unterstützende Dateien“ > Capture-info.plist. Klicken Sie auf das Dropdown-Menü neben den Symboldateien. Geben Sie den Namen der Symboldatei (.png) an und laden Sie die Datei in „Capture“ > „Capture“ > „Ressourcen“ > „Symbole“ hoch. Derzeit unterstützte Abmessungen sind: 29x29, 50x50, 58x58, 72x72, 100x100, und 144x144.

  3. (Startbilder anpassen) Vergewissern Sie sich, dass die Dateinamen Ihrer Startbilder folgendermaßen lauten.

    • Für Hochformat: Default-Portrait~ipad.png und Default-Portrait@2x~ipad.png
    • Für Querformat: Default-Landscape~ipad.png and Default-Landscape@2x~ipad.png

    Laden Sie die Dateien in das Capture-Projekt hoch, wobei Sie bestehende Dateien im Projekt ersetzen.

    Hinweis:

    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit demjenigen übereinstimmen, das Sie im Projekt ersetzen.

  4. Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.

Android

  1. Benennen Sie die Anwendungssymboldateien folgendermaßen:

    ic_launcher.png

  2. Platzieren Sie die entsprechende Symboldateien in den folgenden Verzeichnissen:

    • [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/drawable-hdpi
    • [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/drawable-mdpi
    • [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/drawable-xhdpi
    • [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/drawable-xxhdpi
    • [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/drawable-xxxhdpi

    Hinweis:

    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit demjenigen übereinstimmen, das Sie im Projekt ersetzen.

  3. Erstellen Sie die AEM Forms-App neu.

Windows

  1. Ersetzen Sie die Symbole im Pfad:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows

  2. Ersetzen Sie das Starterbild im Pfad:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows

    Hinweis:

    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit demjenigen übereinstimmen, das Sie im Projekt ersetzen.

  3. Erstellen Sie die AEM Forms-App neu. 

Anpassen des App-Namens

iOS

  1. Öffnen Sie das Projekt Capture.xcodeproj in Xcode.

  2. Navigieren Sie in der Navigatoransicht von Capture zu „Capture“ > „Capture“ > „Unterstützende Dateien“ > „InfoPlist.strings“ und aktualisieren Sie den Wert des Attributs CFBundleDisplayName, wobei Sie ihm den Namen geben,
    der für die App angezeigt werden soll.

  3. Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.

    Weitere Informationen zum Erstellen der App für iOS finden Sie unter Einrichten des Xcode-Projekts und Erstellen der iOS-App.

Android

  1. Öffnen Sie die folgende XML-Datei in einem Text- oder XML-Editor:

    [Benutzerstammordner]/Projekte/[Ihr Projekt]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. Aktualisieren Sie den Wert des Schlüssels app_name.

  3. Erstellen Sie die AEM Forms-App neu.

    Informationen zum Erstellen der App für Android finden Sie unter Einrichten des Eclipse-Projekts und Erstellen der Android-App.

Windows

  1. Öffnen Sie die folgende XML-Datei in einem Text-Editor:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml

  2. Aktualisieren Sie den Wert im <name>...</name>-Tag.

  3. Erstellen Sie die AEM Forms-App neu.

    Informationen zum Erstellen der App für Windows finden Sie unter Einrichten des Eclipse-Projekts und Erstellen der Android-App.

Anpassen von Bildern auf der Anmeldeseite

Auf der Anmeldeseite der AEM Forms-App befinden sich Bilder für das Logo und den Hintergrund. Das Logo befindet sich über dem Dialogfeld für die Anmeldung und das Hintergrundbild befindet sich unter dem Dialogfeld für die Anmeldung. Führen Sie die folgenden Schritte aus, um das Standardbild auf der Anmeldeseite anzupassen:

Bevor Sie beginnen

Stellen Sie sicher, dass Sie die folgenden Bilder haben:

Beschreibung

Größe

Dateiname

Logo

72 x 72 Pixel

LC-logo.png

Hintergrundbild (Hochformat)

1280 x 989 Pixel

Landing_bg.jpeg

So passen Sie Bilder auf der Anmeldeseite mit Xcode an

  1. Öffnen Sie das Projekt Capture.xcodeproj in Xcode.

  2. Navigieren Sie zum Ordner www/wsmobile/images.

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei LC-logo.png durch die benutzerdefinierte Datei LC-logo.png.

  4. Um den Hintergrund zu ändern, ersetzen Sie die Standarddatei Landing_bg.png durch die benutzerdefinierte Datei Landing_bg.png.

  5. Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.

So passen Sie Bilder auf der Anmeldeseite mit Eclipse an

  1. Öffnen Sie das Android-Projekt in Eclipse.

  2. Navigieren Sie zum Ordner assets/www/wsmobile/images. 

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei LC-logo.png durch die benutzerdefinierte Datei LC-logo.png.

  4. Um den Hintergrund zu ändern, ersetzen Sie die Standarddatei Landing_bg.png durch die benutzerdefinierte Datei Landing_bg.png.

  5. Erstellen und wählen Sie „AEM Forms App“ auf dem Android-Gerät.

So passen Sie Bilder auf den Anmeldeseiten mithilfe von Visual Studio an

  1. Öffnen Sie das MWSWindows.sln-Projekt im Visual Studio.

  2. Navigieren Sie zum Ordner MWSWindows\www\wsmobile\images. 

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei LC-logo.png durch die benutzerdefinierte Datei LC-logo.png.

  4. Um den Hintergrund zu ändern, ersetzen Sie die Standarddatei Landing_bg.png durch die benutzerdefinierte Datei Landing_bg.png.

  5. Erstellen und wählen Sie „AEM Forms App“ auf dem Windows-Gerät.

Anpassen des Logos im Appmenü

Wenn Sie sich in der AEM Forms-App anmelden und auf „Menü“ tippen, können Sie das Logo über dem Menü sehen. Führen Sie die folgenden Schritte aus, um das Standardlogo anzupassen:

Bevor Sie beginnen

Stellen Sie sicher, dass Sie das folgende Bild haben:

Beschreibung

Größe

Dateiname

Logo

72 x 72 Pixel

aem_icon.png

So passen Sie Bilder auf der Anmeldeseite mit Xcode an

  1. Öffnen Sie das Projekt Capture.xcodeproj in Xcode.

  2. Navigieren Sie zum Ordner www/wsmobile/images.

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei aem_icon.png durch die benutzerdefinierte Datei aem_icon.png.

  4. Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.

So passen Sie Bilder auf der Anmeldeseite mit Eclipse an

  1. Öffnen Sie das Android-Projekt in Eclipse.

  2. Navigieren Sie zum Ordner assets/www/wsmobile/images. 

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei aem_icon.png durch die benutzerdefinierte Datei aem_icon.png.

  4. Erstellen und wählen Sie „AEM Forms App“ auf dem Android-Gerät.

So passen Sie Bilder auf den Anmeldeseiten mithilfe von Visual Studio an

  1. Öffnen Sie das MWSWindows.sln-Projekt im Visual Studio.

  2. Navigieren Sie zum Ordner MWSWindows\www\wsmobile\images. 

  3. Um das Logo zu ändern, ersetzen Sie die Standarddatei aem_icon.png durch die benutzerdefinierte Datei aem_icon.png.

  4. Erstellen und wählen Sie „AEM Forms App“ auf dem Windows-Gerät.

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie

Region wählen

Durch Auswahl einer Region ändert sich die Sprache und ggf. der Inhalt auf Adobe.com.

Americas
Brasil
Canada - English
Canada - Français
Latinoamérica
México
United States
Europe, Middle East and Africa
Africa - English
Belgique - Français
Belgium - English
België - Nederlands
Česká republika
Cyprus - English
Danmark
Deutschland
Eesti
España
France
Greece - English
Ireland
Israel - English
Italia
Latvija
Lietuva
Luxembourg - Deutsch
Luxembourg - English
Luxembourg - Français
Magyarország
Malta - English
Middle East and North Africa - English
Nederland
Norge
Österreich
Polska
Portugal
România
Schweiz
Slovenija
Slovensko
Suisse
Suomi
Sverige
Svizzera
Türkiye
United Kingdom
България
Россия
Україна
الشرق الأوسط وشمال أفريقيا - اللغة العربية
ישראל - עברית
Asia - Pacific
Australia
Hong Kong S.A.R. of China
India - English
New Zealand
Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English
中国
中國香港特別行政區
台灣地區
日本
한국
Commonwealth of Independent States
Includes Armenia, Azerbaijan, Belarus, Georgia, Kazakhstan, Kyrgyzstan, Moldova, Tajikistan, Turkmenistan, Ukraine, Uzbekistan