Match the capitalization of every file and folder name exactly when you reference assets in your presentation.

Mobile Locker runs in a case-sensitive environment. That means images/logo.png and Images/logo.png are treated as two different paths.

This often surprises Windows developers because Windows commonly lets you open files even when the capitalization in the path does not match exactly. A presentation can appear to work during local development, then fail after you upload it to Mobile Locker.

Examples

These references fail if the capitalization does not match the actual file or folder name:

File is named logo.png, but your HTML uses Logo.png
Folder is named images, but your HTML uses Images/photo.jpg
Folder is named scripts, but your HTML uses Scripts/app.js
File is named presentation.png, but your code uses presentation.PNG

What to check

Compare every path in your HTML, CSS, and JavaScript to the real file and folder names.
Check uppercase and lowercase letters in both filenames and directory names.
Verify imported files such as images, stylesheets, scripts, fonts, and data files.

Troubleshooting

If a file loads on your Windows machine but not in Mobile Locker, check the capitalization first. Case mismatches are a common cause of missing images, missing styles, and JavaScript files that do not load after upload. Files and paths in Mobile Locker are case-sensitive, so make sure you reference files in your code with the correct capitalization.