DokumentationAEM 6.5Användarhandbok

Anpassning av varumärkesprofilering branding-customization

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager 6.5

Skapat för:

  • Användare
  • Utvecklare

Du kan anpassa programikonen, programnamnet, startbilderna och inloggningssidan för att ge ett tydligt organisationsspecifikt utseende för AEM Forms-programmet. Du kan till exempel ändra bilderna så att de använder logotyper från din organisation. AEM Forms-appen stöder följande anpassningar:

  • Anpassa programikoner och starta bilder
  • Anpassa appnamn
  • Anpassa bilder på inloggningssidan
  • Anpassa logotypen på appmenyn

Anpassa ikoner och starta bilder customizing-icon-and-launch-images

Följ de här stegen för att anpassa standardprogramikonen och startbilden för AEM Forms-programmet:

NOTE
Använd icke-sammanflätade PNG-format för alla ikoner och bilder.

Anpassa ikoner och starta bilder to-customize-icon-and-launch-images

För iOS for-ios

  1. Öppna projektet Capture.xcodeproj i Xcode.

  2. (Navigera till ​ Capture > Capture > Supporting Files > Capture-info.plist​ om du vill anpassa ikonen) i navigeringsvyn i Capture. Klicka på listrutan bredvid ikonfilerna. Ange namnet på ikonfilen (.png) och överför filen på Capture > Capture > Resources > icons. De dimensioner som stöds för närvarande är: 29 × 29, 50 × 50, 58 × 58, 72 × 72, 100 × 100 och 144 × 144.

  3. (För anpassning av startbilder) Kontrollera att filnamnen för dina bilder är:

    • För stående: Default-Portrait~ipad.png och Default-Portrait@2x~ipad.png
    • För liggande: Default-Landscape~ipad.png och Default-Landscape@2x~ipad.png

    Överför dem till Capture-projektet för att ersätta befintliga filer i projektet.

    note note
    NOTE
    Kontrollera att namnet och upplösningen på bilden matchar den bild du ersätter i projektet.

  4. Bygg och kör AEM Forms på iOS-enheter eller iOS-simulator.

För Android for-android

  1. Namnge programikonfilerna som:

    ic_launcher.png

  2. Placera motsvarande ikonfiler i följande kataloger:

    • [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
    Kontrollera att namnet och upplösningen på bilden matchar den bild du ersätter i projektet.

  3. Återskapa AEM Forms-appen.

För Windows for-windows

  1. Ersätt ikonerna i sökvägen:

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

  2. Ersätt startbilden i sökvägen:

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

    note note
    NOTE
    Kontrollera att namnet och upplösningen på bilden matchar den bild du ersätter i projektet.

  3. Återskapa AEM Forms-appen.

Anpassa appnamnet customize-the-app-name

För iOS for-ios-1

  1. Öppna projektet Capture.xcodeproj i Xcode.

  2. Navigera till Capture > Capture > Supporting Files > InfoPlist.strings i navigeringsvyn i Capture.

    Uppdatera värdet för attributet CFBundleDisplayName till ett namn som du vill visa för programmet.

  3. Bygg och kör AEM Forms på iOS-enheter eller iOS-simulator.

    Mer information om hur du skapar appen för iOS finns i Konfigurera Xcode-projektet och skapa iOS-appen.

För Android for-android-1

  1. Öppna följande XML i en text- eller XML-redigerare:

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

  2. Uppdatera värdet för nyckeln app_name.

  3. Återskapa AEM Forms-appen.

    Mer information om hur du skapar appen för Android finns i Konfigurera Eclipse-projektet och skapa Android-appen.

För Windows for-windows-1

  1. Öppna följande XML i en textredigerare:

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

  2. Uppdatera värdet i taggen <name>...</name>.

  3. Återskapa AEM Forms-appen.

    Mer information om hur du skapar appen för Windows finns i Konfigurera Visual Studio-projektet och skapa Windows-appen.

Anpassa bilder på inloggningssidan customizing-images-on-the-login-page

Inloggningssidan för AEM Forms-programmet innehåller logotyper och bakgrundsbilder. Logotypen finns ovanför inloggningsdialogrutan och bakgrundsbilden finns under inloggningsdialogrutan. Följ de här stegen för att anpassa standardbilden på inloggningssidan:

Innan du börjar

Kontrollera att du har följande bilder:

Beskrivning
Storlek
Filnamn
Logotyp
72 x 72 pixlar
LC-logo.png
Bakgrundsbild (stående)
1 280 x 989 pixlar
Landing_bg.jpeg

Anpassa bilder på inloggningssidan med Xcode

  1. Öppna projektet Capture.xcodeproj i Xcode.

  2. Navigera till mappen www/wsmobile/images.

  3. Om du vill ändra logotyp ersätter du standardfilen LC-logo.png med den anpassade filen LC-logo.png.

  4. Om du vill ändra bakgrunden ersätter du standardfilen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-filen.

  5. Bygg och kör AEM Forms på iOS-enheter eller iOS-simulator.

Anpassa bilder på inloggningssidorna med Eclipse to-customize-images-on-the-login-pages-using-eclipse

  1. Öppna Android i Eclipse.

  2. Navigera till mappen assets/www/wsmobile/images.

  3. Om du vill ändra logotyp ersätter du standardfilen LC-logo.png med den anpassade filen LC-logo.png.

  4. Om du vill ändra bakgrunden ersätter du standardfilen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-filen.

  5. Bygg och kör AEM Forms på Android-enheter.

Anpassa bilder på inloggningssidorna med Visual Studio to-customize-images-on-the-login-pages-using-visual-studio

  1. Öppna projektet MWSWindows.sln i Visual Studio.

  2. Navigera till mappen MWSWindows\www\wsmobile\images.

  3. Om du vill ändra logotyp ersätter du standardfilen LC-logo.png med den anpassade filen LC-logo.png.

  4. Om du vill ändra bakgrunden ersätter du standardfilen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-filen.

  5. Bygg och kör AEM Forms på Windows-enheter.

Anpassa logotypen på appmenyn customizing_images_on_the_login_page-1

När du har loggat in på AEM Forms-appen och valt menyknappen visas logotypen ovanför menyn. Följ de här stegen för att anpassa standardlogotypen:

Innan du börjar

Kontrollera att du har följande bild:

Beskrivning
Storlek
Filnamn
Logotyp
72 x 72 pixlar
aem_icon.png

Anpassa bilder på inloggningssidan med Xcode

  1. Öppna projektet Capture.xcodeproj i Xcode.

  2. Navigera till mappen www/wsmobile/images.

  3. Om du vill ändra logotypen ersätter du standardfilen aem_icon.png med den anpassade filen aem_icon.png.

  4. Bygg och kör AEM Forms på iOS-enheter eller iOS-simulator.

Anpassa bilder på inloggningssidorna med Eclipse to-customize-images-on-the-login-pages-using-eclipse-1

  1. Öppna Android i Eclipse.

  2. Navigera till mappen assets/www/wsmobile/images.

  3. Om du vill ändra logotypen ersätter du standardfilen aem_icon.png med den anpassade filen aem_icon.png.

  4. Bygg och kör AEM Forms på Android-enheter.

Anpassa bilder på inloggningssidorna med Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1

  1. Öppna projektet MWSWindows.sln i Visual Studio.

  2. Navigera till mappen MWSWindows\www\wsmobile\images.

  3. Om du vill ändra logotypen ersätter du standardfilen aem_icon.png med den anpassade filen aem_icon.png.

  4. Bygg och kör AEM Forms på Windows-enheter.

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