DokumentationAEM 6.5Benutzerhandbuch

Branding-Anpassung branding-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Benutzende
  • Entwickler

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 App-Menü

Anpassen von Symbolen und Startbildern customizing-icon-and-launch-images

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

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

So passen Sie Symbole und Startbilder an to-customize-icon-and-launch-images

Für iOS for-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: 29 x 29, 50 x 50, 58 x 58, 72 x 72, 100 x 100 und 144 x 144.

  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 und Default-Landscape@2x~ipad.png

    Laden Sie die Dateien in das Capture-Projekt hoch, um vorhandene Dateien im Projekt zu ersetzen.

    note note
    NOTE
    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit dem Bild übereinstimmen, das im Projekt ersetzt werden soll.

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

Für Android for-android

  1. Benennen Sie die Anwendungssymboldateien folgendermaßen:

    ic_launcher.png

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

    • [User_Home]/Projects/[your-project]/src/android/res/drawable-hdpi
    • [User_Home]/Projects/[your-project]/src/android/res/drawable-mdpi
    • [User_Home]/Projects/[your-project]/src/android/res/drawable-xhdpi
    • [User_Home]/Projects/[your-project]/src/android/res/drawable-xxhdpi
    • [User_Home]/Projects/[your-project]/src/android/res/drawable-xxxhdpi
    note note
    NOTE
    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit dem Bild übereinstimmen, das im Projekt ersetzt werden soll.

  3. Erstellen Sie die AEM Forms-App neu.

Für Windows for-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

    note note
    NOTE
    Stellen Sie sicher, dass der Name und die Auflösung des Bildes mit dem Bild übereinstimmen, das im Projekt ersetzt werden soll.

  3. Erstellen Sie die AEM Forms-App neu.

Anpassen des App-Namens customize-the-app-name

Für iOS for-ios-1

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

  2. Gehen Sie in der Navigatoransicht von Capture zu Capture > Capture > Unterstützende Dateien > InfoPlist.strings.

    Ändern Sie den Wert für das Attribut CFBundleDisplayName auf einen Namen, den Sie für die Anwendung anzeigen möchten.

  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.

Für Android for-android-1

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

    [User_Home]/Projects/[your-project]/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.

Für Windows for-windows-1

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

    %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.

    Weitere 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 customizing-images-on-the-login-page

Auf der Anmeldeseite der AEM Forms-App befinden sich Bilder für das Logo und den Hintergrund. Das Logo befindet sich über dem und das Hintergrundbild 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 über die folgenden Bilder verfügen:

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 standardmäßige Datei Landing_bg.jpeg mit der benutzerdefinierten Datei Landing_bg.jpeg.

  5. Bauen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator auf und führen Sie sie aus.

So passen Sie Bilder auf der Anmeldeseite mit Eclipse an to-customize-images-on-the-login-pages-using-eclipse

  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 standardmäßige Datei Landing_bg.jpeg mit der benutzerdefinierten Datei Landing_bg.jpeg.

  5. Erstellen Sie die AEM Forms-App auf einem Android-Gerät und führen Sie sie aus.

So passen Sie Bilder auf der Anmeldeseite mit Visual Studio an to-customize-images-on-the-login-pages-using-visual-studio

  1. Öffnen Sie das MWSWindows.sln-Projekt in 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 standardmäßige Datei Landing_bg.jpeg mit der benutzerdefinierten Datei Landing_bg.jpeg.

  5. Bauen Sie die AEM Forms-App auf einem Windows-Gerät auf und führen Sie sie aus.

Anpassen des Logos im App-Menü customizing_images_on_the_login_page-1

Wenn Sie sich in der AEM Forms-App anmelden und die Schaltfläche „Menü“ auswählen, 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 über das folgende Bild verfügen:

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 standardmäßige Datei aem_icon.png durch die benutzerdefinierte Datei aem_icon.png.

  4. Bauen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator auf und führen Sie sie aus.

So passen Sie Bilder auf der Anmeldeseite mit Eclipse an to-customize-images-on-the-login-pages-using-eclipse-1

  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 standardmäßige Datei aem_icon.png durch die benutzerdefinierte Datei aem_icon.png.

  4. Erstellen Sie die AEM Forms-App auf einem Android-Gerät und führen Sie sie aus.

So passen Sie Bilder auf der Anmeldeseite mit Visual Studio an to-customize-images-on-the-login-pages-using-visual-studio-1

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

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

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

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2