Adding Local (Offline) Web Content to the EloView 3 Content Library

Audience: Public / Elo Customers, Content Managers & Integrators

Article Type: How-To Guide & Content Deployment

This article provides step-by-step instructions for uploading and deploying local, offline HTML/web applications to Elo Android devices using EloView® 3.

How to Add a Local URL in EloView 3

1. Navigate to Content > App Library in the main navigation menu.

   

2. Click the + (Add Content) button and select URL from the content options. 

   

3. Select the Local tab in the URL configuration modal.

   

4. Upload the ZIP file containing your web application.

   ⚠️ Important: All HTML assets, stylesheets, scripts, and media folders must reside directly in the root directory of the ZIP archive (not nested inside an extra top-level folder).
5. Enter the Home Page filename (e.g., index.html), choose an application icon, and provide a brief description.
6. Click Add Content. The offline web application will be packaged and added to your App Library.
7. Deploy to Device: Drag and drop the content tile from the App Library directly onto your target Elo device or device group.

Requirements & Best Practices for Local Content

• Self-Contained Assets: Ensure all HTML, CSS, JavaScript libraries, fonts, and media files are bundled locally within the ZIP archive so the application functions seamlessly without an active internet connection.
• Client-Side Execution Only: Server-side scripting languages (such as PHP, ASP.NET, Ruby, or Python backend runtimes) are not supported. Only client-side browser technologies can execute locally.
• Bandwidth Optimization: Local web packages are ideal for deployments in low-bandwidth or offline environments and eliminate buffering for large video or interactive media assets.
• Modern Offline Technologies: Web applications can utilize Service Workers, IndexedDB, and the Cache API for advanced offline storage. For implementation guidelines, refer to the MDN Guide on Offline and Background Operation.
• Framework Compatibility: Client-side frameworks (such as React, Vue, or AngularJS) function normally and can dynamically synchronize data with remote APIs whenever the device connects to a network.
• macOS ZIP Compression Tip: When archiving files on macOS, built-in archive utilities may create hidden __MACOSX folders or wrap content in a parent directory. Ensure your index file resides at the root level before uploading to EloView.