Skip to main content

Guidelines for web apps and HTML content

||

This guide covers the technical requirements and best practices for building HTML5 web apps that render consistently across all Showpad clients. Follow these guidelines to ensure your app works correctly on desktop, tablet, and mobile, including in offline environments.

What you'll learn

  • How to structure and upload HTML5 web apps to Showpad
  • Supported technologies and platform compatibility
  • Best practices for performance, design, and linking
TL;DR
  • Use HTML5, CSS, JavaScript only (no server-side languages)
  • Name your main file index.html and place it at the root
  • Compress into a .zip and upload to Showpad Library
  • Include all resources for offline support
  • Use responsive design for cross-platform compatibility
Prerequisites
  • Plan: eOS Expert, eOS Advanced, eOS Professional
  • Legacy plan: Showpad Content Essential or higher
  • Permissions: Administrator, or Promoted Member with Content permission
  • Skills: Working knowledge of HTML, CSS, and JavaScript
  • Tools: A memory profiler such as Chrome DevTools or Xcode Instruments for validating memory usage
  • File size: Apps must meet the limits defined in Supported file types
  • Content to use in your custom web app

Quick start checklist​

  1. Use HTML5 with JavaScript and CSS (supported technologies)
  2. Use responsive design for cross-platform compatibility
  3. Include all resources in the ZIP for offline use
  4. Avoid iframes; use HTTPS links instead
  5. Avoid spaces in file and folder names (best practices)
  6. Keep mobile device memory limits in mind
  7. Follow the W3C best practices for developing web apps
  8. Compress files into a .zip with index.html at the root
  9. Upload the .zip to your Showpad Library

Next steps​

Was this page helpful?