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:
Perform the following steps to customize the default app icon and the launch image of the AEM Forms app:
For all the icons and images, use non-interlaced PNG format.
Open the Capture.xcodeproj
project in Xcode.
(For customizing icon) In the navigator view of Capture, navigate to Capture > Capture > Supporting Files > Capture-info.plist. Click the drop-down next to the Icon files. Specify the name of the icon file (.png) and upload the file at Capture > Capture > Resources > icons. Currently supported dimesions are: 29x29, 50x50, 58x58, 72x72, 100x100, and 144x144.
(For customizing launch images) Ensure that the filenames of your images are:
Default-Portrait~ipad.png
and Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
and Default-Landscape@2x~ipad.png
Upload them to the Capture project to replace existing files in the project.
Ensure that the name and resolution of your image matches the image you replace in the project.
Build and run AEM Forms app on iOS device or iOS simulator.
Name the application icon files as:
ic_launcher.png
Place the corresponding icon files in the following directories:
[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
Ensure that the name and resolution of your image matches the image you replace in the project.
Rebuild the AEM Forms app.
Replace the icons in the path:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
Replace the launcher image in the path:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
Ensure that the name and resolution of your image matches the image you replace in the project.
Rebuild the AEM Forms app.
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.
Build and run AEM Forms app on iOS device or iOS simulator.
For details on building the app for iOS, see Set up the Xcode project and build the iOS app.
Open the following Xml in any text or Xml editor:
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
Update the value for the key app_name
.
Rebuild the AEM Forms app.
For details on building the app for Android, see Set up the Eclipse project and build the Android app.
Open the following Xml in any text editor:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
Update the value in the <name>...</name>
tag.
Rebuild the AEM Forms app.
For details on building the app for Windows, see Set up the Visual Studio project and build the Windows app.
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.
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.
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.
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.
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.
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.
Build and run AEM Forms app on Windows device.