You can customize the application icon, application name, launch images, and login page to provide a distinct organization-specific appearance to AEM Forms app. For example, you can change the images to use logos from your organization. The AEM Forms app supports the following customizations:

Customizing application icon and launch images

Customizing app name

Customizing images on the login page

Customizing the logo in the app menu

Customizing icon and launch images

Perform the following steps to customize the default app icon and the launch image of the AEM Forms app:

Ensure that the name and resolution of your image matches the image you replace in the project.

Rebuild the AEM Forms app.

Customize the app name

For iOS

Open the Capture.xcodeproj project in Xcode.

In the navigator view of Capture, navigate to Capture > Capture > Supporting Files > InfoPlist.strings.
Update the value for the CFBundleDisplayName attribute to a name you want to display for the app.

Customizing images on the login page

The login page of the AEM Forms app has logo and background images. The logo is located above the login dialog box and background image is located below the login dialog box. Perform the following steps to customize the default image on the login page:

Before you start

Ensure that you have
following images:

Description

Size

Filename

Logo

72 x 72 pixel

LC-logo.png

Background image (Portrait)

1280 x 989 pixel

Landing_bg.jpeg

To customize images on the login page using Xcode

Open the Capture.xcodeproj project in Xcode.

Navigate to the www/wsmobile/images folder.

To change logo, replace the default LC-logo.png file
with the custom LC-logo.png file.

To change background, replace the default Landing_bg.jpeg file with the custom Landing_bg.jpeg file.

Build and run AEM Forms app on iOS device or iOS simulator.

To customize images on the login pages using Eclipse

Open the Android project in Eclipse.

Navigate to the assets/www/wsmobile/images folder.

To change logo, replace the default LC-logo.png file
with the custom LC-logo.png file.

To change background, replace the default Landing_bg.jpeg file with the custom Landing_bg.jpeg file.

Build and run AEM Forms app on Android device.

To customize images on the login pages using Visual Studio

Open the MWSWindows.sln project in Visual Studio.

Navigate to the MWSWindows\www\wsmobile\images folder.

To change logo, replace the default LC-logo.png file
with the custom LC-logo.png file.

To change background, replace the default Landing_bg.jpeg file with the custom Landing_bg.jpeg file.

Build and run AEM Forms app on Windows device.

Customizing the logo in the app menu

After you login to the AEM Forms app and tap the menu button, you can see the logo above the menu. Perform the following steps to customize the default logo:

Before you start

Ensure that you have following image:

Description

Size

Filename

Logo

72 x 72 pixel

aem_icon.png

To customize images on the login page using Xcode

Open the Capture.xcodeproj project in Xcode.

Navigate to the www/wsmobile/images folder.

To change the logo, replace the default aem_icon.png file with the custom aem_icon.png file.

Build and run AEM Forms app on iOS device or iOS simulator.

To customize images on the login pages using Eclipse

Open the Android project in Eclipse.

Navigate to the assets/www/wsmobile/images folder.

To change the logo, replace the default aem_icon.png file with the custom aem_icon.png file.

Build and run AEM Forms app on Android device.

To customize images on the login pages using Visual Studio

Open the MWSWindows.sln project in Visual Studio.

Navigate to the MWSWindows\www\wsmobile\images folder.

To change the logo, replace the default aem_icon.png file with the custom aem_icon.png file.