Aanpassing branding

LET OP

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

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

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

  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

  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

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

  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

  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

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

  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

  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.

Op deze pagina