Logo Applications Overview

This guide follows the current cms-application-logo-delete-add flow for application logo and icon management.

Video Walkthrough #

Current Applications Logo Overview #

The current Applications panel shows these slots:

• Header Logo
• Mobile Logo
• Footer Logo
• Loader
• Welcome Icon
• Launcher Icon
• Launcher Screen Icon

The panel also shows:

• current preview for each slot
• empty upload state for slots without an asset
• slot size hints under each card
• top-right Save action

Managed Slots (Applications) #

• Header Logo
• Mobile Logo
• Footer Logo
• Loader
• Welcome Icon
• Launcher Icon
• Launcher Screen Icon

End-to-End SOP Flow #

1. Open Logo > Applications.
2. Review the current slot previews.
3. Upload a new logo or icon where needed.
4. Delete a slot asset if it should be removed.
5. Click Save.
6. Verify the branding result in the application surfaces.

Slot Actions #

Each slot supports:

• Upload file
• Replace file when a slot already has an asset
• Delete file when the delete icon is available

Step 1: Review Slot Requirements #

Before uploading any asset:

1. Open Applications.
2. Confirm the correct slot name.
3. Review the size note under the slot.
4. Make sure the file uses a supported format such as SVG, PNG, or GIF.

The current screen shows examples such as:

• 360x120px for header, mobile, and footer logos
• 300x300px for loader

Step 2: Add New Asset #

1. Open target slot.
2. Use upload icon or Browse area.
3. Select logo/icon file.
4. Confirm preview updates.

The video shows an empty slot using the drag-and-drop plus Browse upload state.

Step 3: Replace Existing Asset #

1. Hover on slot with existing logo/icon.
2. Click upload/replace icon.
3. Select replacement file.
4. Verify slot preview.

Step 4: Delete Existing Asset #

1. Hover on slot.
2. Click trash/delete icon.
3. Confirm empty upload state.

Step 5: Save and Verify #

1. Click top-right Save.
2. Wait for the save flow to finish.
3. Check the success toast: Logo updated successfully.
4. Verify the app surfaces you changed, such as welcome, launcher, loading, or header.

File Requirement Notes #

• Follow dimension hints displayed under each slot.
• Allowed formats shown in UI include SVG, PNG, GIF.
• Keep icon style consistent across app slots.

Quick Troubleshooting #

• Changes not reflected: save again and hard-refresh target app surface.
• Wrong slot updated: reopen module and verify each slot preview.
• Upload issue: check file size/format and try supported format.
• Deleted by mistake: upload again in same slot and save.