Mobile Locker expects the index.html file to be at the top of the zip file. It should not be in a subdirectory.

Correct Folder Structure

Correct: index.html should be at the top or root of the zip file.

Correct: index.html should be at the top or root of the zip file.

Incorrect Folder Structure

Incorrect: index.html should not be in a subdirectory.

Incorrect: index.html should not be in a "public" subdirectory.

Technically, you can put index.html anywhere you want in the zip file. But if it's not in the root, you'll have to edit the presentation and change its Main file attribute to your path like this:

If you can't put index.html at the root of the zip file, you'll have to set the Main file attribute on the presentatino.

If you can't put index.html at the root of the zip file, you'll have to set the Main file attribute on the presentation.

You should always reference images, CSS, and other resources using relative paths to where the HTML file is. Read Use Relative Paths for resources.

Thumbnail Images

When building the ZIP file, you should include a thumbnail image in the same folder as the index.html file.

The thumbnail will be identified automatically if it's named presentation.png.

The thumbnail's dimensions should be 260x120.

After you upload the presentation, you can manually change the thumbnail image to any image in the ZIP file, but we strongly recommend creating apresentation.png in the root of the zip file.