Mobile App Branding

To brand the app's icon, favicon and metadata, please navigate to Setup -> Static Resources and download the static resource "Branding (b3p)".

You can use https://www.favicon-generator.org/ to upload an image and get all the file types generated.

Branding Static Resource

You can edit the app.webmanifest to adjust it as needed:

{
    "name": "3B Portal",
    "description": "Portal build using 3B technologies.",
    "short_name": "3B",
    "theme_color": "#00ca72",
    "background_color": "#ffffff",
    "display": "standalone",
    "scope": "/",
    "start_url": "/b3p__Portal#Index",
    "orientation": "portrait",
    "icons": [
        {
            "src": "./icons/maskable_icon_x72.png",
            "sizes": "72x72",
            "type": "image/png"
        },
        {
            "src": "./icons/maskable_icon_x96.png",
            "sizes": "96x96",
            "type": "image/png"
        },
        {
            "src": "./icons/maskable_icon_x128.png",
            "sizes": "128x128",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "./icons/maskable_icon_x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "./icons/maskable_icon_x384.png",
            "sizes": "384x384",
            "type": "image/png"
        },
        {
            "src": "./icons/maskable_icon_x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ]
}

Then, zip the entire folder (including icons, images and app.manifest and upload as new Static Resource . Call it "CustomBranding"

Note that Cache Control should be public.

New Static Resource

To complete the setup, create a new Web Portal record (if you have upgraded from versions < 2.0 of portals, then you will need to add the fields on the layout) and change the Branding Static Resource field value from the default b3p__Branding to the new CustomBranding static resource's name.

Link the new Web Portal to the Portal Page, clear cache and reload the portal.

Custom Favicon

Portal Page with Web Portal

Web Portal Record