Anpassning av varumärkesprofilering branding-customization

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 Capture.xcodeproj projekt i Xcode.

  2. (Ikon för anpassning) I navigeringsvyn i Capture navigerar du till Capture > Capture > Supporting Files > Capture-info.plist. 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 bilderna ä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 Capture.xcodeproj projekt i Xcode.

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

    Uppdatera värdet för 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 bygg 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 bygg 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 <name>...</name> -tagg.

  3. Återskapa AEM Forms-appen.

    Mer information om hur du skapar en app för Windows finns i Konfigurera Visual Studio-projektet och bygg 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 Capture.xcodeproj projekt i Xcode.

  2. Navigera till www/wsmobile/imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotyp LC-logo.png med den anpassade LC-logo.png -fil.

  4. Om du vill ändra bakgrunden ersätter du standardinställningen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-fil.

  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-projektet i Eclipse.

  2. Navigera till assets/www/wsmobile/imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotyp LC-logo.png med den anpassade LC-logo.png -fil.

  4. Om du vill ändra bakgrunden ersätter du standardinställningen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-fil.

  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 MWSWindows.sln i Visual Studio.

  2. Navigera till MWSWindows\www\wsmobile\imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotyp LC-logo.png med den anpassade LC-logo.png -fil.

  4. Om du vill ändra bakgrunden ersätter du standardinställningen Landing_bg.jpeg med den anpassade Landing_bg.jpeg-fil.

  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 Capture.xcodeproj projekt i Xcode.

  2. Navigera till www/wsmobile/imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotypen aem_icon.png med den anpassade aem_icon.png -fil.

  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-projektet i Eclipse.

  2. Navigera till assets/www/wsmobile/imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotypen aem_icon.png med den anpassade aem_icon.png -fil.

  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 MWSWindows.sln i Visual Studio.

  2. Navigera till MWSWindows\www\wsmobile\imagesmapp.

  3. Ersätt standardinställningen om du vill ändra logotypen aem_icon.png med den anpassade aem_icon.png -fil.

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

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