changeset 187:4b9da483ae4d

Disable pinch zoom on mobile devices
author Sebastien Jodogne <s.jodogne@gmail.com>
date Thu, 22 Mar 2018 17:03:48 +0100
parents ab66a6baf2ae
children a11bf02917e9
files NEWS WebApplication/viewer.css WebApplication/viewer.html
diffstat 3 files changed, 15 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/NEWS	Thu Mar 22 16:59:06 2018 +0100
+++ b/NEWS	Thu Mar 22 17:03:48 2018 +0100
@@ -1,6 +1,7 @@
 Pending changes in the mainline
 ===============================
 
+* Disable pinch zoom on mobile devices
 * Fix download of DICOM instance from the toolbox
 * Fix for Osimis issue WVB-319: Some images are not loading in US_MF
 * Support of rendering RGB48 lookup tables (palette), if Orthanc SDK >= 1.3.1
--- a/WebApplication/viewer.css	Thu Mar 22 16:59:06 2018 +0100
+++ b/WebApplication/viewer.css	Thu Mar 22 17:03:48 2018 +0100
@@ -1,3 +1,12 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    border: 0;
+    overflow: hidden; /*  Disable scrollbars */
+    display: block;  /* No floating content on sides */
+}
+
 .jsPanel-hdr-r {
     display: none;
 }
--- a/WebApplication/viewer.html	Thu Mar 22 16:59:06 2018 +0100
+++ b/WebApplication/viewer.html	Thu Mar 22 17:03:48 2018 +0100
@@ -3,6 +3,11 @@
 <html lang="us">
   <head>
     <meta charset="utf-8" />
+
+    <!-- Disable pinch zoom on mobile devices -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="HandheldFriendly" content="true" />
+    
     <title>Orthanc Web Viewer</title>
     <link href="../libs/jquery-ui.min.css" rel="stylesheet" />
     <link href="../libs/jquery-ui.theme.min.css" rel="stylesheet" />