Problems Customizing Mobile App Splash Screen Background
Hello,
I am trying to modify the OOTB Pega Mobile App with a custom logo and background on the splash screen, as well as on the sign in page using the branding assets template for 7-40. After following the steps for filling in the assets.zip template, I was only able to get our custom logo on the splash screen; the background color of the splash screen is still the standard blue and the sign in page has not changed.
I consulted the following article: https://community.pega.com/support/support-articles/not-able-change-splash-screen-background-mobile-app for help with the background color but after rebuilding it still did not change.
I also consulted the following article: https://community1.pega.com/community/pega-product-support/question/customize-mobile-app-icon-android for general build/customization help, but I do not believe this article is talking about my version.
I am also not sure if there is a more recent branding asset template that is more appropriate for Pega 8. Any assistance with this problem would be greatly appreciated.
Best,
Grant
Pegasystems Inc.
US
I have a couple of questions for you, Grant.
- Android, iOS or both?
- What are the contents of your assets.zip file?
Usually, these issues are related to improperly structured asset files.
Srclogic LLC
US
Currently just for Android.
Assets.zip includes:
android folder with drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi folders, each with updated splashlogo.png files; .DS_Store file; icon_round, keepalive_icon, and notification_icon (all svgs)
common_assets folder with icon.svg file
OOTB _MACOSX and ios folders that I have not changed since I am only working with an Android app
and finally a custom.properties .txt file with a single line: container.splashScreenBackground=#FFFFFF
All folders and the custom.properties.txt file are located in the root of the zip file
Pegasystems Inc.
DE
Assuming you are on Infinity:
"To change the background color of the native splash screen you have to change the style in Containers > Mobile Login > Content > Background:
- go to App Skin (Application -> Skin)
- click on Dynamic Layout
- select Containers in Layouts group
- Add new style: ‘Mobile Login’
- under Content tab define Background
- You need to rebuild your app!
"
The clue is App Skin: add a container "Mobile Login" with a proper content background.
That should do the trick...
Cheers,
Blase
Updated: 15 Nov 2020 3:24 EST
AI4 Process
GB
Hi,
I'm Using Pega 8.5, I have followed the same steps you mentioned above. But background color is not changed, still it is showing the default Pega background color.
I have all the images in the folder appropriate as mentioned above, I need app to be built for both IOS and Android. Can you please help here?
