Aanpassing branding

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

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

OPMERKING

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

Pictogram aanpassen en afbeeldingen starten

Voor iOS

  1. Open het Capture.xcodeproj project in Xcode.

  2. (Voor het aanpassen van het pictogram) 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.

    OPMERKING

    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

  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
    OPMERKING

    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

  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

    OPMERKING

    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

Voor iOS

  1. Open het Capture.xcodeproj project in Xcode.

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

    Werk de waarde voor het CFBundleDisplayName attribuut aan een naam bij u voor app wilt tonen.

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

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

Voor Android

  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. Werk de waarde voor de sleutel app_name bij.

  3. Maak de AEM Forms-app opnieuw.

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

Voor Windows

  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 tag <name>...</name> bij.

  3. Maak de AEM Forms-app opnieuw.

    Voor details bij het bouwen van app voor Vensters, zie Opstelling het project van Visual Studio en bouwt Vensters app.

Afbeeldingen op de aanmeldingspagina aanpassen

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 het Capture.xcodeproj project in Xcode.

  2. Navigeer naar de map www/wsmobile/images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand LC-logo.png door het aangepaste bestand LC-logo.png.

  4. Als u de achtergrond wilt wijzigen, vervangt u het standaard Landing_bg.jpeg-bestand door het 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

  1. Open het Android-project in Eclipse.

  2. Navigeer naar de map assets/www/wsmobile/images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand LC-logo.png door het aangepaste bestand LC-logo.png.

  4. Als u de achtergrond wilt wijzigen, vervangt u het standaard Landing_bg.jpeg-bestand door het aangepaste Landing_bg.jpegbestand.

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

Afbeeldingen op de aanmeldingspagina's aanpassen met Visual Studio

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

  2. Navigeer naar de map MWSWindows\www\wsmobile\images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand LC-logo.png door het aangepaste bestand LC-logo.png.

  4. Als u de achtergrond wilt wijzigen, vervangt u het standaard Landing_bg.jpeg-bestand door het aangepaste Landing_bg.jpegbestand.

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

Het logo aanpassen in het toepassingsmenu

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 het Capture.xcodeproj project in Xcode.

  2. Navigeer naar de map www/wsmobile/images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand aem_icon.png door het aangepaste bestand aem_icon.png.

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

Afbeeldingen op de aanmeldingspagina's aanpassen met Eclipse

  1. Open het Android-project in Eclipse.

  2. Navigeer naar de map assets/www/wsmobile/images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand aem_icon.png door het aangepaste bestand aem_icon.png.

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

Afbeeldingen op de aanmeldingspagina's aanpassen met Visual Studio

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

  2. Navigeer naar de map MWSWindows\www\wsmobile\images.

  3. Als u het logo wilt wijzigen, vervangt u het standaardbestand aem_icon.png door het aangepaste bestand aem_icon.png.

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

Op deze pagina