DocumentatieAEM 6.4Gids voor formulieren

Aanpassing branding branding-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • User
CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

U kunt het toepassingspictogram, de toepassingsnaam, lanceringsbeelden, en login pagina aanpassen om een duidelijk organisatie-specifieke verschijning aan AEM Forms app te verstrekken. U kunt de afbeeldingen bijvoorbeeld wijzigen en logo's van uw organisatie gebruiken. De AEM Forms-app ondersteunt de volgende aanpassingen:

  • Het toepassingspictogram aanpassen en afbeeldingen starten
  • Toepassingsnaam aanpassen
  • Afbeeldingen op de aanmeldingspagina aanpassen
  • Het logo aanpassen in het app-menu

Pictogram aanpassen en afbeeldingen starten customizing-icon-and-launch-images

Voer de volgende stappen uit om het standaardpictogram voor de app en de opstartafbeelding van de AEM Forms-app aan te passen:

NOTE
Gebruik voor alle pictogrammen en afbeeldingen de niet-geïnterlinieerde PNG-indeling.

Pictogram aanpassen en afbeeldingen starten to-customize-icon-and-launch-images

Voor iOS for-ios

  1. Open de Capture.xcodeproj project in Xcode.

  2. (Pictogram voor aanpassen) Navigeer in de navigatorweergave van Vastleggen naar Capture > Capture > Supporting Files > Capture-info.plist. Klik op de vervolgkeuzelijst naast de pictogrambestanden. Geef de naam van het pictogrambestand (.png) op en upload het bestand op Capture > Capture > Resources > icons. Momenteel ondersteunde dimesies zijn: 29x29, 50x50, 58x58, 72x72, 100x100 en 144x144.

  3. (Voor het aanpassen van opstartafbeeldingen) Zorg ervoor dat de bestandsnamen van de afbeeldingen als volgt zijn:

    • Voor staand: Default-Portrait~ipad.png en Default-Portrait@2x~ipad.png
    • Voor liggend: Default-Landscape~ipad.png en Default-Landscape@2x~ipad.png

    Upload hen aan het project van de Vangst om bestaande dossiers in het project te vervangen.

    note note
    NOTE
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  4. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Voor Android for-android

  1. Geef de pictogrambestanden van de toepassing een naam als:

    ic_launcher.png

  2. Plaats de corresponderende pictogrambestanden in de volgende directory's:

    • [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
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  3. Maak de AEM Forms-app opnieuw.

Voor Windows for-windows

  1. De pictogrammen in het pad vervangen:

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

  2. Vervang de startafbeelding in het pad:

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

    note note
    NOTE
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  3. Maak de AEM Forms-app opnieuw.

De toepassingsnaam aanpassen customize-the-app-name

Voor iOS for-ios-1

  1. Open de Capture.xcodeproj project in Xcode.

  2. Navigeer in de navigatorweergave van Vastleggen naar Capture > Capture > Supporting Files > InfoPlist.strings.

    Werk de waarde voor de CFBundleDisplayName aan een naam kenmerkt u voor app wilt tonen.

  3. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

    Ga voor meer informatie over het ontwikkelen van de app voor iOS naar Het Xcode-project instellen en de iOS-app ontwikkelen.

Voor Android for-android-1

  1. Open de volgende XML in om het even welke tekst of redacteur Xml:

    [User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. De waarde voor de toets bijwerken app_name.

  3. Maak de AEM Forms-app opnieuw.

    Ga voor meer informatie over het ontwikkelen van de app voor Android naar Het Eclipse-project instellen en de Android-app ontwikkelen.

Voor Windows for-windows-1

  1. Open de volgende XML in om het even welke tekstredacteur:

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

  2. Werk de waarde in de <name>...</name> tag.

  3. Maak de AEM Forms-app opnieuw.

    Ga voor meer informatie over het ontwikkelen van de app voor Windows naar Opstelling het project van Visual Studio en bouwt Windows app.

Afbeeldingen op de aanmeldingspagina aanpassen customizing-images-on-the-login-page

De aanmeldingspagina van de AEM Forms-app bevat logo- en achtergrondafbeeldingen. Het logo bevindt zich boven het aanmeldingsvenster en de achtergrondafbeelding bevindt zich onder het aanmeldingsvenster. Voer de volgende stappen uit om de standaardafbeelding op de aanmeldingspagina aan te passen:

Voordat u begint

Zorg ervoor dat u de volgende afbeeldingen hebt:

Beschrijving
Grootte
Bestandsnaam
Logo
72 x 72 pixels
LC-logo.png
Achtergrondafbeelding (staand)
1280 x 989 pixels
Landing_bg.jpeg

Afbeeldingen op de aanmeldingspagina aanpassen met Xcode

  1. Open de Capture.xcodeproj project in Xcode.

  2. Ga naar de www/wsmobile/imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling LC-logo.png bestand met de aangepaste LC-logo.png bestand.

  4. Als u de achtergrond wilt wijzigen, vervangt u de standaardinstelling Landing_bg.jpeg bestand met de aangepaste Landing_bg.jpegbestand.

  5. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Afbeeldingen op de aanmeldingspagina's aanpassen met Eclipse to-customize-images-on-the-login-pages-using-eclipse

  1. Open het Android-project in Eclipse.

  2. Ga naar de assets/www/wsmobile/imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling LC-logo.png bestand met de aangepaste LC-logo.png bestand.

  4. Als u de achtergrond wilt wijzigen, vervangt u de standaardinstelling Landing_bg.jpeg bestand met de aangepaste Landing_bg.jpegbestand.

  5. AEM Forms-app ontwikkelen en uitvoeren op Android-apparaat.

Om beelden op de login pagina's aan te passen gebruikend Visual Studio to-customize-images-on-the-login-pages-using-visual-studio

  1. Open de MWSWindows.sln project in Visual Studio.

  2. Ga naar de MWSWindows\www\wsmobile\imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling LC-logo.png bestand met de aangepaste LC-logo.png bestand.

  4. Als u de achtergrond wilt wijzigen, vervangt u de standaardinstelling Landing_bg.jpeg bestand met de aangepaste Landing_bg.jpegbestand.

  5. AEM Forms-app ontwikkelen en uitvoeren op Windows-apparaat.

Het logo aanpassen in het app-menu customizing_images_on_the_login_page-1

Nadat u zich hebt aangemeld bij de AEM Forms-app en op de menuknop hebt getikt, ziet u het logo boven het menu. Voer de volgende stappen uit om het standaardlogo aan te passen:

Voordat u begint

Zorg ervoor dat u de volgende afbeelding hebt:

Beschrijving
Grootte
Bestandsnaam
Logo
72 x 72 pixels
aem_icon.png

Afbeeldingen op de aanmeldingspagina aanpassen met Xcode

  1. Open de Capture.xcodeproj project in Xcode.

  2. Ga naar de www/wsmobile/imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling aem_icon.png bestand met de aangepaste aem_icon.png bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Afbeeldingen op de aanmeldingspagina's aanpassen met Eclipse to-customize-images-on-the-login-pages-using-eclipse-1

  1. Open het Android-project in Eclipse.

  2. Ga naar de assets/www/wsmobile/imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling aem_icon.png bestand met de aangepaste aem_icon.png bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op Android-apparaat.

Om beelden op de login pagina's aan te passen gebruikend Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1

  1. Open de MWSWindows.sln project in Visual Studio.

  2. Ga naar de MWSWindows\www\wsmobile\imagesmap.

  3. Als u het logo wilt wijzigen, vervangt u de standaardinstelling aem_icon.png bestand met de aangepaste aem_icon.png bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op Windows-apparaat.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da