From a5df24b488a6ef99f9e06313265a95985a9ff691 Mon Sep 17 00:00:00 2001
From: Joel Martin <github@martintribe.org>
Date: Thu, 22 Sep 2011 10:36:23 -0500
Subject: [PATCH] Viewport clip/drag for mobile/touchscreen devices.

API changes (forward compatible):

- Display: add 'viewport' conf option to turn on and off viewport
  mode.
- RFB: add 'viewportDrag' option to enable/disable viewport dragging
  mode.

Other:

- Add clip mode setting to default UI. For touch devices, clipping is
  forced on.
- Use CSS media queries to adjust visual elements based on screen
  size. Especially disconnected logo size/position and button text size.
- Catch page unload while connected and give a confirm dialog.
- Change mouse button selector to a single button that changes between
  ' ', 'L', 'M', 'R' when clicked (empty means mouse is just being
  moved and doesn't send clicks).
- include/ui.js:setViewClip() routine sets the clipping of the
  viewport to the current size of the viewport area (if clipping is
  enabled).
- include/ui.js:setViewDrag() toggles/enables/disables viewport
  dragging mode.
- Add several images for the UI and for Apple devices:
    - images/clipboard.png: clipboard menu icon
    - images/connect.png: connect menu icon
    - images/disconnect.png: disconnect button icon
    - images/keyboard.png: show keyboard button
    - images/move.png: viewport drag/move toggle button
    - images/settings.png: settings menu icon
    - images/screen_320x460.png: iOS app/desktop link start image
    - images/screen_57x57.png: iOS app icon
    - images/screen_700x700.png: full size noVNC image
---
 images/clipboard.png                     | Bin 0 -> 1509 bytes
 images/connect.png                       | Bin 0 -> 1513 bytes
 images/disconnect.png                    | Bin 0 -> 2105 bytes
 images/keyboard.png                      | Bin 0 -> 1838 bytes
 images/move.png                          | Bin 0 -> 1493 bytes
 images/screen_320x460.png                | Bin 0 -> 12778 bytes
 images/screen_57x57.png                  | Bin 0 -> 1807 bytes
 images/screen_700x700.png                | Bin 0 -> 17930 bytes
 images/settings.png                      | Bin 0 -> 2326 bytes
 include/base.css                         | 123 +++++++++---
 include/black.css                        |   5 +
 include/blue.css                         |   5 +
 include/display.js                       |  35 +++-
 include/rfb.js                           |  44 ++++-
 include/ui.js                            | 228 +++++++++++++++--------
 include/mobile.css => tests/viewport.css |   0
 tests/viewport.html                      |  20 +-
 vnc.html                                 | 104 ++++++-----
 18 files changed, 402 insertions(+), 162 deletions(-)
 create mode 100644 images/clipboard.png
 create mode 100644 images/connect.png
 create mode 100644 images/disconnect.png
 create mode 100644 images/keyboard.png
 create mode 100644 images/move.png
 create mode 100644 images/screen_320x460.png
 create mode 100644 images/screen_57x57.png
 create mode 100644 images/screen_700x700.png
 create mode 100644 images/settings.png
 rename include/mobile.css => tests/viewport.css (100%)

diff --git a/images/clipboard.png b/images/clipboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..571a9098d6d754d43763ec93dc9b88ca7988b1f3
GIT binary patch
literal 1509
zcmV<B1seK^P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004b3#c}2nYxW
zd<bNS00009a7bBm000R(000R(0q|s!N&o-=8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H101$LVSaeirbZlh+MPzAoAW&g*bY-MsMQH#402XvbSad;kbZBpK
z06}hKa%Ew2AWms)b8~NQEAQl^0000ObVXQnLvm$dbZKvHAXI5>WdJfTFf}bPFfB1K
zeg5;<0000<bVXQnLvL_-a%pF1bO2CwVr*$+AVhC%VQFq4XmoUNIxjC{a%Ew3X?A5}
zZ*6UFZgVbga%V4WX=7z>b7gZcaCKsAX=7w>ZDDC{FImI>$^ZZat4TybR9J<jmtAig
zMHGgg*^jA>y|xpaHcpC2K}aZ6s47xuR8=aXT!BPyxGhNh0wjJ0;x|Aqd%+!C^a4_;
zqNP<TR0^tSXeEN1Puq>1#P+T|!-aS4-SygW;7IEojc3pMp7)%cGb^;#9LKI*yY@>a
zlU_>t@8F<$@A~!Y?;gjWbu4tCSe#zEeE9-#;z9^kR_-Pe8)qWy=!*|eo)f}&Grp+l
zoLzQKpZ(OyW=vaJ(z3PebUKkWmSxfLgzLGU+t@$sHvW0^ZMyO3&Jd#J_piU-{B4N9
zmmkf%^Y&|*mD5F;jjo5ED(6{x|6^R&1q50vv{r!VuQLn-!!QAmQgY|!cU+o!FmU4E
z)_2^-<G))M0}}ldn6|O_%8bmWq`~vlMNXaj1Vi)y>>qD4J3CLS)$BRytELHt;W;T&
zn1$ELzV{gb3Rt^)1G#;R`J(MSUT?hxL<xlL(4OVO#VfdO8-SJD_gP!}lY0F{0{DPL
zFwW=mNGUnLbjerb1Wz9QjM^Hg5m+JttwAY;=Xn6k%$#IvYa7E5Ny~?9ceh5dIMaXL
zwq@UM{GA&jpc3B7t5>hGy1GiM)tZPvDwSe!anT3WKo2>|cZ7iUS;kFD$@22@MBovB
zzOx|mBMAT~t%qd#Kfr<L+MkFA7$p$M6kAj-muWN_699(*wPtQ^4#&wwea9>@1@U#$
z)6+PPa|C!aYOQ;<Fz}{P>OU6Yae#xdZChBD-7msX^);-38kV41tq!FiE_Zy+adOPf
zrFx3`X;lgG4k?h7g8BLR38EfOLA(ePVjEF}F{{;T93CFVBpe0|<_d)=(&<!mo7NMg
zAaIye2I1{C3_MJt2N+eNcRx~rq|HKWO`%XApD!>@?!ZG*b5cqT{)@?wxDgR^QZARN
z*Xv^e!(jw-v$M10^Ld02fJofrhH9XPAC0t7m?D$OBt|{1HD|L~q?8zj;RhEdJ0b<6
z^E+DZTrSt2GYkXMG_foT(=;(nGvsTW0wI>+;;B|^)a!d=<#rqgAq19X4uPAdIkLa>
z33Q2e!``v02U04PD3wZyN(6ETKyhHxH2Lf48m>-0|0Z`s4a)CIqjTOH2XY73gI`zi
zTo13~;dvhQ`W_owo7l=rBw)l8?WaH~<)<J_B3hi5WntSkwrwM&L`uoCXU|BTNaJK2
zY)jH^dDy0fp`)khL<Pd#Fr0!>awkciPN)6I>um3Avs>Mvx>MnFF&b+kfnMak5=tK_
zcbEWZ8jU^LZkt-I#>QruO09z1Y_qWNDqdrK0s=ZX5owfGNGbaydgp#4LLwNuZku+y
z#q*6awOWnM%?+x%RbEP`Idf)#QmMp~hhqo`A>`**Ue0S@Zfo}*H@^9*mkSX-2}j2o
z-LDg+HC-jpK#DG<f&f|^RGzX{d5XJnzyD-qzcVd_NNcT|fdaY4fzmBkbx##cQ|onj
zu|CMX{}a9s#^DWXjAekV%|Wx<ebMYFASZ-q2L$$S{n7m4)Rg@}$~N8rgwjMm0!DSo
z{?C!70h(_2@vVn@H-UYvwTgV43L#8D`j<J8+sRD<F5qfCcqjh_-BK2!d!pO$00000
LNkvXXu0mjfR9~$0

literal 0
HcmV?d00001

diff --git a/images/connect.png b/images/connect.png
new file mode 100644
index 0000000000000000000000000000000000000000..73c57047b0c87a664da742ef7039b7c61db8048d
GIT binary patch
literal 1513
zcmV<F1s3{=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004b3#c}2nYxW
zd<bNS00009a7bBm000R(000R(0q|s!N&o-=8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H101b3SSaeirbZlh+M{gibWq5S!EtGx$000zpMObt}b#!QNasWzU
zYjt8EQ*>o%Ze?=j`}Z#Z001F$MObuGZ*_8GWdLY&bZ|N^FKTIRZDC_BZFO^LV`yP)
zY%XJZX=dYI0000<bVXQnLvL_-a%pF1bO2CwVr*$+AVhC%VQFq4XmoUNIxjC{a%Ew3
zX?A5}Z*6UFZgVbga%V4WX=7z>b7gZcaCKsAX=7w>ZDDC{FImI>$^ZZat4TybR9J=W
zmtAaBMHI*XXJ&Sr+R`f0DiozEl>pTU5qas>pcE1k5*v*VL`?j6Q3+}c;p0IeF&e)f
z4ETV)V9-Q^2@q{kB$QBrG%Y9!1!~HdMOynozjoW*xifQon7guF+9D*DXgtY(XZPN@
z=l{Fs%$=JhX2#77aZ}y@2e?syMVm-fu2Ik2GywD=zi9GZTNl5XU%PBI<xD&Pfb#nu
zNxt^fhgG8Jj;6}hR5alLjvXMKc<G6a4@@te-BhtIXYPaouyaW0KKwq|f)z_v&3N$M
z1$D7CYWai#ICgBTMly)wOwW&4ys)~sa{lt|vGtL)*OP}v+X*YzN57goW5HumDkdTj
z5djol;m5KWbMgx&736lu+rV(J&SF~OOmua14(&d)?VI|jevaQ_cS8WN4UxK6pMGai
zPofQiB!~ov1Vp-EAw>Uh7m_9cW(UU>jx8qVPKDyUV8^~s8*I<uvi+ZMd^`X()`?*~
zfQx;<LI?>#5&{BYH9*1x5C8`UW`=VX)>(86o<&}?FtTFlD-}EUe}3fAH>m2sN8C1+
z&zNh#vVn0L#%dUwLf}#`tYImDg@z*yOBxP-^v44PPUG@W2hQ{!q3Xw1&YCuT*5TNi
z=)&s<a2CdD1fhA_)FA~&snFCLJM!mJ97jCpM(=Ptx)T?1?9yITKD=c5oSE~#i>*~F
zNAnr81(yBY2ojJ&0%QRa;B*@Z&~6y<R4<0~0Fprh#uzxmu$Ey1zqZ=@Tk%k7)s%us
zg_|qaM`qW*8*KPn0I6UIL%JVIDMVxh!T}5mb_M|_k+g#_P6GfK43Zo!QU?aW3^>Ek
zHieGCvna|h%MmhCe$5IHk*HXwL_F1t&iHxAh=9}tsR&XD2t^PQAW2Y?yqN=>C4d+J
zf!QBp!I)EA0X?7w_BQSM;^6ziD!e@o01*iQ5oZ6;lO%|=l$TWgHwphVdNTr%FF7-T
z9Y8EGe_9pJwf=Uw`P5IF8aBJn07w94yb4GF3L$_XZzKeHNq7iJAW2sMECcE9Oo-Ag
zD8F+F8k-tAT8^E6`R6a)fiSltBFh<@Pc{IBLT)r4CAXIO7DUL83J^;8DhR@W>A<jw
z!-bn9J4T+Gg8TDgytnTA3n%M(o;`QKwuU)HM*cAYd^lWgK6SiXh+GhZ{G~+cPa@FW
z_mt$^UL477Pn`A{nNb`qMUg8v-`4IvarEnf=lfdGlaZA(bmfjSw_+kv0HOdQ8Dq8-
z0QKV5c{OFRyeXFwr(pud)Mz=l^S0qV`)cbOw<cfLaU=m~06{1XAYf*l2{57p%xuDi
z_*W~k=pFnbk^lhd_k>vmF<fZw>p%2E&Gv>Z!N=j8w6V$3h`6c+%&dL2N0{1B626y`
z2#&18?EIx@tUum$^zg}z$F>DE;k<0q0D$IE-h893fe<2XszS*O0Ahek#60Y(+1Ylg
z;o=J?c9>tXVABei`Kmil$EdI45fgk%B(eai-zzz<gXE>wgFR2S)S^A3T4@<(w&Nxr
zs{)z9%;|(d2t)v=yZ4VRohQu)Ewva5&3UvEUn{Ozfqy#wo&SvfQviPgeBD&jBFG*p
P00000NkvXXu0mjfM}U$e

literal 0
HcmV?d00001

diff --git a/images/disconnect.png b/images/disconnect.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2dcf9c092c733b26e80ce847d68460c32acfc1c
GIT binary patch
literal 2105
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

literal 0
HcmV?d00001

diff --git a/images/keyboard.png b/images/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7c47ce4172c17abebe8af44f000bf44da973e25
GIT binary patch
literal 1838
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

literal 0
HcmV?d00001

diff --git a/images/move.png b/images/move.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6156b58d95d722198c0cd12376c385c10b0c73d
GIT binary patch
literal 1493
zcmV;`1uFW9P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004b3#c}2nYxW
zd<bNS00009a7bBm000R(000R(0q|s!N&o-=8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H102OpaSaeirbZlh+R%vB-AVzg;Y;$9BWo2$`vX5;5000zpMObt}
zb#!QNasWzUYjt8EQ*>o%Ze?=j`}Z#Z001F$MObuGZ*_8GWdLY&bZ|N^FKTIRZDC_B
zZFO^LV`yP)Y%XJZX=dYI0000<bVXQnLvL_-a%pF1bO2CwVr*$+AVhC%VQFq4XmoUN
zIxjC{a%Ew3X?A5}Z*6UFZgVbga%V4WX=7z>b7gZcaCKsAX=7w>ZDDC{FImI>$^ZZa
zk4Z#9R9J<@mtAa=RUF2D=Y89*Yy0lQb*?M0M9qW{=5#YC-k6x+7ZPv;G)5CXBEbtH
zR}!v>;)MwsjB+LM#uyd(R3MrVlthg)89JO}gD{v#=~%lJ_O{)}+rGz(cBNh4x9tVf
zr#VT}|2gM*&U60%b54bnlK&Hq*)MxP+}q);_Uu83`gv!S=J}b)v0XcM?7o!~5NvKf
z+_iT7eNu>d=TF4rD-Ip{0^p6DfJF;he3OR3Tl>B%Ie5dfZ7hA@UfcNB-}iB0Xw){o
zthI@)U5|rM+97WXW^tx_$ae6i7duOm1FU*-F=x7mN{YybQc*8pb5|!@x;hb1viYiA
z?Ay7jq)?GZT<Cz!{ws<=^H$l$=R#E#YJKjC`W84~HN8Vs2sYO6%kO{l^SR-&4j4w7
z&rkfpL}HqTI!{>v1rE#=;B+Vi{2BqjkAPoe=$~<#8#P*68Z0MEn<m}ouaQoh1RFIJ
z0g4brVhLLg+bvkPav1|xM$tS~IROE`kL095V$#6paTN)O#FDsOPJ)d!2q6$cpeTa&
z#R0-mo&L+CS(-aMmJV!NznqP0JGg%HHiu95Q>VFU_G>v2nguz4zt)3cq*0Vi-YAOT
z{)P3t@_aj~l*#t@P85wPD#L9Xma}n92LKD3YI*I2hxzl;2>v<`fkutSdaorpfXk^8
z^lOOh$6x2+v9?7x911R{%E!A_bK>lvjR28xVAI;p!d2CKS<&7?a>}SEsa!4x3z}-E
zc02Lcc~F!)c6+N`y!_llr5&)U1drQ^$L%ajJ`1O+&~%TzQ~4Z4IWYe>K_LnSWHWcZ
zk<U=^Q9NJBIWVj0zi<E{5ZR>{9mQ5nO3Bo8s_ZeG-=?Mv+gLt|1Poq{6m(9fP5Lg4
zaDC(!@x*jR<k47y%h$#j4#kRM16M|^b3kOR*}CUAgTqmT5EyBbV?SJA;A(_$G)_1g
zM^Db=lGUn>jwiSg(YX=TIoorU-}<iSVxJyA$7d&d3mhma!+3Ir*WWqD{++8i`O`&W
z6O%OieMkw?lt?L2n`$lZf}7)U!V#St(Fwv4op4mA=R$}`EWypOIQtKF^UM>i_5x-R
zPtLG$_YrD+nL9vAi6oN?K97rPn?uR#b}=%h6B?Zr5GNefdH2ANOdDy-F?j++(Szf5
zd<s)$R&7d2ph4r2B|#jjb@giADms<~>Ae`vZ9_PsW2Eko&rQU#4-!2wO(-&f*X`n^
zr<YOXR7)mcvtMJw$~MMtCkc&C6p&k?APMbGfOv9-bx$qDQ{}9v3Lb1}psh7PI&GFD
zFAz`;Z@zzufoye@Yo8qL;mDbO%XtLZep%{@1?b5cw!D3m!Qn{Beg}^A@X=SlRyu7a
z355{OZ%=(ARaNEu!R;jnsEUGWlY{`9*F4ImHJ!F`RZ%calayiTIRQX*f8SqUnrZXZ
z8lUC_gp~5GUJ6182}mJ?4244ax!&Fngb)rPr9@<Ipn9MV@B&qUdN&0CDL?{AU;>Cq
vDJR9;zvn^-B}-oU6R0wnKuSuP%K!0S#B`E6<@zpn00000NkvXXu0mjfVQ`x{

literal 0
HcmV?d00001

diff --git a/images/screen_320x460.png b/images/screen_320x460.png
new file mode 100644
index 0000000000000000000000000000000000000000..172ec555c304fdcd2cd34c3f920af2cce1009406
GIT binary patch
literal 12778
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

literal 0
HcmV?d00001

diff --git a/images/screen_57x57.png b/images/screen_57x57.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2085f29fc2ca0147251b8327d06081670943f0c
GIT binary patch
literal 1807
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

literal 0
HcmV?d00001

diff --git a/images/screen_700x700.png b/images/screen_700x700.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae6776853e5070b7dff48e555659d18c94263e4d
GIT binary patch
literal 17930
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

literal 0
HcmV?d00001

diff --git a/images/settings.png b/images/settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ff91d37868c352010436758d80e5f4766a26fb5
GIT binary patch
literal 2326
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

literal 0
HcmV?d00001

diff --git a/include/base.css b/include/base.css
index 172b0e8d..fa620112 100644
--- a/include/base.css
+++ b/include/base.css
@@ -65,21 +65,27 @@ html {
   z-index:200;
 } 
 
+#noVNC_view_drag_button {
+  display: none;
+}
+#sendCtrlAltDelButton {
+  display: none;
+}
 #noVNC_mobile_buttons {
   display: none;
 }
 
 .noVNC-buttons-left {
-  position:fixed;
+  float: left;
   padding-left:10px;
-  padding-top:9px;
+  padding-top:4px;
 }
 
 .noVNC-buttons-right {
   float:right;
   right: 0px;
   padding-right:10px;
-  padding-top:9px;
+  padding-top:4px;
 }
 
 #noVNC_status_bar {
@@ -93,10 +99,6 @@ html {
   width:100%;
 }
 
-.noVNC_status_button, #clipboardbutton, #connectbutton {
-  font-size: 14px;
-}
-
 #noVNC_status {
   height:20px;
   text-align: center;
@@ -141,8 +143,14 @@ html {
   border-bottom-right-radius: 800px 600px;
   /*border-top-left-radius: 800px 600px;*/
 }
-#VNC_canvas {
-  background: #eee;
+
+#noVNC_container, #noVNC_canvas {
+    margin: 0px;
+    padding: 0px;
+}
+
+#noVNC_canvas {
+  left: 0px;
 }
 
 #VNC_clipboard_clear_button {
@@ -152,10 +160,6 @@ html {
   font-size: 11px;
 }
 
-#noVNC_Settings {
-  width:200px;
-}
-
 #noVNC_clipboard_clear_button {
   float:right;
 }
@@ -211,32 +215,36 @@ html {
 }
 
 /*Bubble contents divs*/
-#noVNC_Settings {
-  margin-top:72px;
-  position:fixed;
-  right:100px;
+#noVNC_settings {
   display:none; 
+  margin-top:72px;
+  right:10px;
+  position:fixed;
 }
 
 #noVNC_controls {
   margin-top:72px;
-  position:fixed;
   right:10px;
+  position:fixed;
+}
+#noVNC_controls.top:after  {
+  right:15px;
 }
 
 #noVNC_clipboard {
   display:none; 
   margin-top:72px;
+  right:20px;
   position:fixed;
-  right:180px;
+}
+#noVNC_clipboard.top:after {
+  right:85px;
 }
 
 /*Default noVNC logo.*/
 #noVNC_logo {
-  width:400px;
-  margin-left:auto;
-  margin-right:auto;
-  font-size:160px;
+  margin-top: 170px;
+  margin-left: 10px;
   color:yellow;
   text-align:left;
   font-family: 'Orbitron', sans-serif;
@@ -249,17 +257,80 @@ html {
        1px 1px 0 #000;
 }
 
+
 #noVNC_logo span{
   color:green;
 }
 
 #keyboardinput {
-  width:0px;
-  height:0px;
-  background-color:#313131;
+  width:1px;
+  height:1px;
+  background-color:#6d84a2;
   border:0;
 }
 
 .noVNC_status_warn {
   background-color:yellow;
 }
+
+/* ----------------------------------------
+ * Media sizing
+ * ----------------------------------------
+ */
+
+
+.noVNC_status_button {
+  font-size: 12px;
+  padding: 2px;
+  vertical-align: middle;
+}
+#noVNC_clipboard_text {
+  width: 500px;
+  border-color: red;
+}
+
+#noVNC_logo {
+  font-size: 180px;
+}
+
+@media screen and (min-width: 481px) and (max-width: 640px) {
+  .noVNC_status_button {
+    font-size: 10px;
+    padding: 1px;
+  }
+  #noVNC_clipboard_text {
+    width: 410px;
+    border-color: yellow;
+  }
+  #noVNC_logo {
+    font-size: 150px;
+  }
+}
+
+@media screen and (min-width: 321px) and (max-width: 480px) {
+  .noVNC_status_button {
+    font-size: 10px;
+    padding: 0px;
+  }
+  #noVNC_clipboard_text {
+    width: 250px;
+    border-color: green;
+  }
+  #noVNC_logo {
+    font-size: 110px;
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .noVNC_status_button {
+    font-size: 9px;
+    padding: 0px;
+  }
+  #noVNC_clipboard_text {
+    width: 220px;
+    border-color: blue;
+  }
+  #noVNC_logo {
+    font-size: 90px;
+  }
+}
diff --git a/include/black.css b/include/black.css
index a194dca2..b155a116 100644
--- a/include/black.css
+++ b/include/black.css
@@ -19,3 +19,8 @@
   background:#000;
   color:#fff;
 }
+
+#keyboardinput {
+  background-color:#000;
+}
+
diff --git a/include/blue.css b/include/blue.css
index f3de920c..a8baf705 100644
--- a/include/blue.css
+++ b/include/blue.css
@@ -20,3 +20,8 @@
   background:#04073d;
   color:#fff;
 }
+
+#keyboardinput {
+  background-color:#04073d;
+}
+
diff --git a/include/display.js b/include/display.js
index cd228580..b11e1aaa 100644
--- a/include/display.js
+++ b/include/display.js
@@ -45,6 +45,7 @@ Util.conf_defaults(conf, that, defaults, [
     ['true_color',  'rw', 'bool', true, 'Use true-color pixel data'],
     ['colourMap',   'rw', 'arr',  [], 'Colour map array (when not true-color)'],
     ['scale',       'rw', 'float', 1.0, 'Display area scale factor 0.0 - 1.0'],
+    ['viewport',    'rw', 'bool', false, 'Use a viewport set with viewportChange()'],
     ['width',       'rw', 'int', null, 'Display area width'],
     ['height',      'rw', 'int', null, 'Display area height'],
 
@@ -245,6 +246,14 @@ that.viewportChange = function(deltaX, deltaY, width, height) {
     var c = conf.target, v = viewport, cr = cleanRect,
         saveImg = null, saveStyle, x1, y1, vx2, vy2, w, h;
 
+    if (!conf.viewport) {
+        Util.Debug("Setting viewport to full display region");
+        deltaX = -v.w; // Clamped later if out of bounds
+        deltaY = -v.h; // Clamped later if out of bounds
+        width = fb_width;
+        height = fb_height;
+    }
+
     if (typeof(deltaX) === "undefined") { deltaX = 0; }
     if (typeof(deltaY) === "undefined") { deltaY = 0; }
     if (typeof(width) === "undefined") { width = v.w; }
@@ -269,7 +278,10 @@ that.viewportChange = function(deltaX, deltaY, width, height) {
         v.h = height;
 
 
-        if (v.w > 0 && v.h > 0) {
+        if (v.w > 0 && v.h > 0 && c.width > 0 && c.height > 0) {
+            console.log("here1:",
+                    ((c.width < v.w) ? c.width : v.w),
+                    ((c.height < v.h) ? c.height : v.h));
             saveImg = c_ctx.getImageData(0, 0,
                     (c.width < v.w) ? c.width : v.w,
                     (c.height < v.h) ? c.height : v.h);
@@ -406,6 +418,13 @@ that.getCleanDirtyReset = function() {
                  'x2': v.x + v.w - 1, 'y2': v.y + v.h - 1};
 
     return {'cleanBox': cleanBox, 'dirtyBoxes': dirtyBoxes};
+};
+
+that.absX = function(x) {
+    return x + viewport.x;
+}
+that.absY = function(y) {
+    return y + viewport.y;
 }
 
 
@@ -454,11 +473,9 @@ that.clear = function() {
 
     if (conf.logo) {
         that.resize(conf.logo.width, conf.logo.height);
-        that.viewportChange(0, 0, conf.logo.width, conf.logo.height);
         that.blitStringImage(conf.logo.data, 0, 0);
     } else {
         that.resize(640, 20);
-        that.viewportChange(0, 0, 640, 20);
         c_ctx.clearRect(0, 0, viewport.w, viewport.h);
     }
 
@@ -551,7 +568,15 @@ imageDataCreate = function(width, height) {
 };
 
 rgbxImageData = function(x, y, width, height, arr, offset) {
-    var img, i, j, data;
+    var img, i, j, data, v = viewport;
+    /*
+    if ((x - v.x >= v.w) || (y - v.y >= v.h) ||
+        (x - v.x + width < 0) || (y - v.y + height < 0)) {
+        //console.log("skipping, out of bounds: ", x, y);
+        // Skipping because outside of viewport
+        return;
+    }
+    */
     img = c_imageData(width, height);
     data = img.data;
     for (i=0, j=offset; i < (width * height * 4); i=i+4, j=j+4) {
@@ -560,7 +585,7 @@ rgbxImageData = function(x, y, width, height, arr, offset) {
         data[i + 2] = arr[j + 2];
         data[i + 3] = 255; // Set Alpha
     }
-    c_ctx.putImageData(img, x - viewport.x, y - viewport.y);
+    c_ctx.putImageData(img, x - v.x, y - v.y);
 };
 
 // really slow fallback if we don't have imageData
diff --git a/include/rfb.js b/include/rfb.js
index 7cca8e60..ca8ec03d 100644
--- a/include/rfb.js
+++ b/include/rfb.js
@@ -118,7 +118,9 @@ var that           = {},  // Public API methods
 
     /* Mouse state */
     mouse_buttonMask = 0,
-    mouse_arr        = [];
+    mouse_arr        = [],
+    viewportDragging = false,
+    viewportDragPos  = {};
 
 // Configuration attributes
 Util.conf_defaults(conf, that, defaults, [
@@ -133,6 +135,8 @@ Util.conf_defaults(conf, that, defaults, [
     ['connectTimeout',     'rw', 'int', def_con_timeout, 'Time (s) to wait for connection'],
     ['disconnectTimeout',  'rw', 'int', 3,    'Time (s) to wait for disconnection'],
 
+    ['viewportDrag',       'rw', 'bool', false, 'Move the viewport on mouse drags'],
+
     ['check_rate',         'rw', 'int', 217,  'Timing (ms) of send/receive check'],
     ['fbu_req_rate',       'rw', 'int', 1413, 'Timing (ms) of frameBufferUpdate requests'],
 
@@ -547,7 +551,7 @@ function flushClient() {
 // overridable for testing
 checkEvents = function() {
     var now;
-    if (rfb_state === 'normal') {
+    if (rfb_state === 'normal' && !viewportDragging) {
         if (! flushClient()) {
             now = new Date().getTime();
             if (now > last_req_time + conf.fbu_req_rate) {
@@ -572,13 +576,43 @@ mouseButton = function(x, y, down, bmask) {
     } else {
         mouse_buttonMask ^= bmask;
     }
-    mouse_arr = mouse_arr.concat( pointerEvent(x, y) );
+
+    if (conf.viewportDrag) {
+        if (down && !viewportDragging) {
+            viewportDragging = true;
+            viewportDragPos = {'x': x, 'y': y};
+
+            // Skip sending mouse events
+            return;
+        } else {
+            viewportDragging = false;
+        }
+    }
+
+    mouse_arr = mouse_arr.concat(
+            pointerEvent(display.absX(x), display.absY(y)) );
     flushClient();
 };
 
 mouseMove = function(x, y) {
     //Util.Debug('>> mouseMove ' + x + "," + y);
-    mouse_arr = mouse_arr.concat( pointerEvent(x, y) );
+    var deltaX, deltaY;
+
+    if (viewportDragging) {
+        //deltaX = x - viewportDragPos.x; // drag viewport
+        deltaX = viewportDragPos.x - x; // drag frame buffer
+        //deltaY = y - viewportDragPos.y; // drag viewport
+        deltaY = viewportDragPos.y - y; // drag frame buffer
+        viewportDragPos = {'x': x, 'y': y};
+
+        display.viewportChange(deltaX, deltaY);
+
+        // Skip sending mouse events
+        return;
+    }
+
+    mouse_arr = mouse_arr.concat(
+            pointerEvent(display.absX(x), display.absY(y)) );
 };
 
 
@@ -778,7 +812,6 @@ init_msg = function() {
 
         display.set_true_color(conf.true_color);
         display.resize(fb_width, fb_height);
-        display.viewportChange(0, 0, fb_width, fb_height);
         keyboard.grab();
         mouse.grab();
 
@@ -1309,7 +1342,6 @@ encHandlers.DesktopSize = function set_desktopsize() {
     fb_width = FBU.width;
     fb_height = FBU.height;
     display.resize(fb_width, fb_height);
-    display.viewportChange(0, 0, fb_width, fb_height);
     timing.fbu_rt_start = (new Date()).getTime();
     // Send a new non-incremental request
     ws.send(fbUpdateRequests());
diff --git a/include/ui.js b/include/ui.js
index fa41854c..82f7d963 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -12,6 +12,7 @@
 
 var UI = {
 
+rfb_state : 'loaded',
 settingsOpen : false,
 connSettingsOpen : true,
 clipboardOpen: false,
@@ -36,8 +37,8 @@ load: function() {
     // Settings with immediate effects
     UI.initSetting('logging', 'warn');
     WebUtil.init_logging(UI.getSetting('logging'));
-    UI.initSetting('stylesheet', 'default');
 
+    UI.initSetting('stylesheet', 'default');
     WebUtil.selectStylesheet(null); 
     // call twice to get around webkit bug
     WebUtil.selectStylesheet(UI.getSetting('stylesheet'));
@@ -55,6 +56,7 @@ load: function() {
     UI.rfb = RFB({'target': $D('noVNC_canvas'),
                   'onUpdateState': UI.updateState,
                   'onClipboard': UI.clipReceive});
+    UI.updateSettingsState(false);
  
     // Unfocus clipboard when over the VNC area
     //$D('VNC_screen').onmousemove = function () {
@@ -66,9 +68,15 @@ load: function() {
 
     // Show mouse selector buttons on touch screen devices
     if ('ontouchstart' in document.documentElement) {
+        // Show mobile buttons
         $D('noVNC_mobile_buttons').style.display = "inline";
         UI.setMouseButton();
-        window.scrollTo(0, 1); 
+        // Remove the address bar
+        setTimeout(function() { window.scrollTo(0, 1); }, 100);
+        UI.initSetting('clip', true);
+        $D('noVNC_clip').disabled = true;
+    } else {
+        UI.initSetting('clip', false);
     }
 
     //iOS Safari does not support CSS position:fixed. 
@@ -76,11 +84,21 @@ load: function() {
     if ((navigator.userAgent.match(/iPhone/i)) ||
         (navigator.userAgent.match(/iPod/i)) || 
         (navigator.userAgent.match(/iPad/i))) {
-        UI.setOnscroll();
-        UI.setResize(); 
+        //UI.setOnscroll();
+        //UI.setResize(); 
     }
     
     $D('noVNC_host').focus();
+
+    UI.setViewClip();
+    Util.addEvent(window, 'resize', UI.setViewClip);
+
+    Util.addEvent(window, 'beforeunload', function () {
+        if (UI.rfb_state === 'normal') {
+            return "You are currently connected.";
+        }
+    } );
+
 },
 
 // Read form control compatible setting from cookie
@@ -166,7 +184,6 @@ initSetting: function(name, defVal) {
 clickSettingsMenu: function() {
     if (UI.settingsOpen) {
         UI.settingsApply();
-
         UI.closeSettingsMenu();
     } else {
         UI.updateSetting('encrypt');
@@ -177,6 +194,7 @@ clickSettingsMenu: function() {
             UI.updateSetting('cursor', false);
             $D('noVNC_cursor').disabled = true;
         }
+        UI.updateSetting('clip');
         UI.updateSetting('shared');
         UI.updateSetting('connectTimeout');
         UI.updateSetting('stylesheet');
@@ -195,32 +213,16 @@ openSettingsMenu: function() {
     if (UI.connSettingsOpen == true) {
         UI.connectPanelbutton();
     }
-    $D('noVNC_Settings').style.display = "block";
+    $D('noVNC_settings').style.display = "block";
     UI.settingsOpen = true;
 },
 
 // Close menu (without applying settings)
 closeSettingsMenu: function() {
-    $D('noVNC_Settings').style.display = "none";
+    $D('noVNC_settings').style.display = "none";
     UI.settingsOpen = false;
 },
 
-// Disable/enable controls depending on connection state
-settingsDisabled: function(disabled, rfb) {
-    //Util.Debug(">> settingsDisabled");
-    $D('noVNC_encrypt').disabled = disabled;
-    $D('noVNC_true_color').disabled = disabled;
-    if (rfb && rfb.get_display() && rfb.get_display().get_cursor_uri()) {
-        $D('noVNC_cursor').disabled = disabled;
-    } else {
-        UI.updateSetting('cursor', false);
-        $D('noVNC_cursor').disabled = true;
-    }
-    $D('noVNC_shared').disabled = disabled;
-    $D('noVNC_connectTimeout').disabled = disabled;
-    //Util.Debug("<< settingsDisabled");
-},
-
 // Save/apply settings when 'Apply' button is pressed
 settingsApply: function() {
     //Util.Debug(">> settingsApply");
@@ -229,6 +231,7 @@ settingsApply: function() {
     if (UI.rfb.get_display().get_cursor_uri()) {
         UI.saveSetting('cursor');
     }
+    UI.saveSetting('clip');
     UI.saveSetting('shared');
     UI.saveSetting('connectTimeout');
     UI.saveSetting('stylesheet');
@@ -237,6 +240,7 @@ settingsApply: function() {
     // Settings with immediate (non-connected related) effect
     WebUtil.selectStylesheet(UI.getSetting('stylesheet'));
     WebUtil.init_logging(UI.getSetting('logging'));
+    UI.setViewClip();
     //Util.Debug("<< settingsApply");
 },
 
@@ -257,65 +261,60 @@ sendCtrlAltDel: function() {
 },
 
 setMouseButton: function(num) {
-    var b, blist = [1,2,4], button,
-        mouse = UI.rfb.get_mouse();
+    var b, blist = [0, 1,2,4], button;
 
     if (typeof num === 'undefined') {
-        // Show the default
-        num = mouse.get_touchButton();
-    } else if (num === mouse.get_touchButton()) {
-        // Set all buttons off (no clicks)
-        mouse.set_touchButton(0);
-        num = 0;
-    } else {
-        // Turn on one button
-        mouse.set_touchButton(num);
+        // Disable mouse buttons
+        num = -1;
+    }
+    if (UI.rfb) {
+        UI.rfb.get_mouse().set_touchButton(num);
     }
 
     for (b = 0; b < blist.length; b++) {
         button = $D('noVNC_mouse_button' + blist[b]);
         if (blist[b] === num) {
+            button.style.display = "";
+        } else {
+            button.style.display = "none";
+            /*
             button.style.backgroundColor = "black";
             button.style.color = "lightgray";
-        } else {
             button.style.backgroundColor = "";
             button.style.color = "";
+            */
         }
     }
 },
 
 updateState: function(rfb, state, oldstate, msg) {
-    var s, sb, c, cad, klass;
+    var s, sb, c, d, cad, vd, klass;
+    UI.rfb_state = state;
     s = $D('noVNC_status');
     sb = $D('noVNC_status_bar');
     c = $D('connectPanelbutton');
-    cad = $D('sendCtrlAltDelButton');
+    d = $D('disconnectButton');
     switch (state) {
         case 'failed':
         case 'fatal':
-            c.disabled = true;
-            cad.style.display = "none";
-            UI.settingsDisabled(true, rfb);
+            c.style.display = "";
+            d.style.display = "none";
+            UI.updateSettingsState(false);
             klass = "noVNC_status_error";
             break;
         case 'normal':
-            c.value = "Disconnect";
-            c.onclick = UI.disconnect;
-            c.disabled = false;
-            cad.style.display = "";
-            UI.settingsDisabled(true, rfb);
+            c.style.display = "none";
+            d.style.display = "";
+            UI.updateSettingsState(true);
             klass = "noVNC_status_normal";
             break;
         case 'disconnected':
             $D('noVNC_logo').style.display = "block";
-            c.value = "Connection";
-            c.onclick = UI.connectPanelbutton;
         case 'loaded':
-            c.value = "Connection";
-            c.onclick = UI.connectPanelbutton;
-            c.disabled = false;
-            cad.style.display = "none";
-            UI.settingsDisabled(false, rfb);
+            //c.value = "Connection";
+            c.style.display = "";
+            d.style.display = "none";
+            UI.updateSettingsState(false);
             klass = "noVNC_status_normal";
             break;
         case 'password':
@@ -325,15 +324,15 @@ updateState: function(rfb, state, oldstate, msg) {
             $D('noVNC_connect_button').onclick = UI.setPassword;
             $D('noVNC_password').focus();
 
-            c.disabled = false;
-            cad.style.display = "none";
-            UI.settingsDisabled(true, rfb);
+            c.style.display = "none";
+            d.style.display = "";
+            UI.updateSettingsState(false);
             klass = "noVNC_status_warn";
             break;
         default:
-            c.disabled = true;
-            cad.style.display = "none";
-            UI.settingsDisabled(true, rfb);
+            c.style.display = "none";
+            d.style.display = "";
+            UI.updateSettingsState(false);
             klass = "noVNC_status_warn";
             break;
     }
@@ -346,6 +345,40 @@ updateState: function(rfb, state, oldstate, msg) {
 
 },
 
+// Disable/enable controls depending on connection state
+updateSettingsState: function(connected) {
+
+    //Util.Debug(">> updateSettingsState");
+    $D('noVNC_encrypt').disabled = connected;
+    $D('noVNC_true_color').disabled = connected;
+    if (UI.rfb && UI.rfb.get_display() &&
+        UI.rfb.get_display().get_cursor_uri()) {
+        $D('noVNC_cursor').disabled = connected;
+    } else {
+        UI.updateSetting('cursor', false);
+        $D('noVNC_cursor').disabled = true;
+    }
+    $D('noVNC_shared').disabled = connected;
+    $D('noVNC_connectTimeout').disabled = connected;
+
+    if (connected) {
+        UI.setViewClip();
+        UI.setMouseButton(1);
+        $D('sendCtrlAltDelButton').style.display = "inline";
+        $D('noVNC_view_drag_button').style.display = "inline";
+    } else {
+        UI.setMouseButton();
+        $D('sendCtrlAltDelButton').style.display = "none";
+        $D('noVNC_view_drag_button').style.display = "none";
+    }
+
+    // State change disables viewport dragging.
+    // It is enabled (toggled) by direct click on the button
+    UI.setViewDrag(false);
+    //Util.Debug("<< updateSettingsState");
+},
+
+
 clipReceive: function(rfb, text) {
     Util.Debug(">> UI.clipReceive: " + text.substr(0,40) + "...");
     $D('noVNC_clipboard_text').value = text;
@@ -412,6 +445,7 @@ clipSend: function() {
 showClipboard: function() {
     //Close settings if open
     if (UI.settingsOpen == true) {
+        UI.settingsApply();
         UI.closeSettingsMenu();
     }
     //Close connection settings if open
@@ -428,31 +462,66 @@ showClipboard: function() {
     }
 },
 
+setViewClip: function(clip) {
+    var display, cur_clip, pos, new_w, new_h;
+
+    if (UI.rfb) {
+        display = UI.rfb.get_display();
+    } else {
+        return;
+    }
+
+    cur_clip = display.get_viewport();
+
+    if (typeof(clip) === 'undefined') {
+        // Nothing
+        clip = UI.getSetting('clip');
+    }
+
+    if (clip && !cur_clip) {
+        // Turn clipping on
+        UI.updateSetting('clip', true);
+    } else if (!clip && cur_clip) {
+        // Turn clipping off
+        UI.updateSetting('clip', false);
+        display.set_viewport(false);
+        $D('noVNC_canvas').style.position = 'static';
+        display.viewportChange();
+    }
+    if (UI.getSetting('clip')) {
+        // If clipping, update clipping settings
+        $D('noVNC_canvas').style.position = 'absolute';
+        pos = Util.getPosition($D('noVNC_canvas'));
+        new_w = window.innerWidth - pos.x;
+        new_h = window.innerHeight - pos.y;
+        display.set_viewport(true);
+        display.viewportChange(0, 0, new_w, new_h);
+    }
+},
+
+setViewDrag: function(drag) {
+    var vmb = $D('noVNC_view_drag_button');
+    if (!UI.rfb) { return; }
+
+    if (typeof(drag) === "undefined") {
+        // If not specified, then toggle
+        drag = !UI.rfb.get_viewportDrag();
+    }
+    if (drag) {
+        vmb.style.backgroundColor = "black";
+        vmb.style.color = "lightgray";
+        UI.rfb.set_viewportDrag(true);
+    } else {
+        vmb.style.backgroundColor = "";
+        vmb.style.color = "";
+        UI.rfb.set_viewportDrag(false);
+    }
+},
 
 showKeyboard: function() {
-    //Get Current Scroll Position
-    var scrollx = 
-    (document.all)?document.body.scrollLeft:window.pageXOffset;   
-    var scrolly = 
-    (document.all)?document.body.scrollTop:window.pageYOffset; 
-
-    //Stop browser zooming on textbox.
-    UI.zoomDisable();
-                    $D('keyboardinput').focus();
-                    scroll(scrollx,scrolly);
-    //Renable user zoom.
-    UI.zoomEnable();
+    $D('keyboardinput').focus();
 },
 
-zoomDisable: function() {
-  //Change viewport meta data to disable zooming.
-  UI.changeViewportMeta("user-scalable=0");
-},
-
-zoomEnable: function(){
-  //Change viewport meta data to enable user zooming.
-  UI.changeViewportMeta("user-scalable=1");
-},
 
 changeViewportMeta: function (newattributes) {
 
@@ -505,6 +574,7 @@ setBarPosition: function() {
 connectPanelbutton: function() {
     //Close connection settings if open
     if (UI.settingsOpen == true) {
+        UI.settingsApply();
         UI.closeSettingsMenu();
     }
     if (UI.clipboardOpen == true) {
diff --git a/include/mobile.css b/tests/viewport.css
similarity index 100%
rename from include/mobile.css
rename to tests/viewport.css
diff --git a/tests/viewport.html b/tests/viewport.html
index fbbf286d..1fb0a793 100644
--- a/tests/viewport.html
+++ b/tests/viewport.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head><title>Viewport Test</title>
-        <link rel="stylesheet" href="../include/mobile.css">
+        <link rel="stylesheet" href="viewport.css">
         <!--
         <meta name="apple-mobile-web-app-capable" content="yes" />
         <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
@@ -166,23 +166,35 @@
                     "," + (p.offsetHeight - padH) + "]");
             display.viewportChange(0, 0,
                 p.offsetWidth - padW, p.offsetHeight - padH);
+            /*
+            var pos, new_w, new_h;pos
+            pos = Util.getPosition($D('canvas').parentNode);
+            new_w = window.innerWidth - pos.x;
+            new_h = window.innerHeight - pos.y;
+            display.viewportChange(0, 0, new_w, new_h);
+            */
         }
 
         window.onload = function() {
             detectPad();
+
             display = new Display({'target': $D('canvas')});
             display.resize(1600, 1024);
-            //display.resize(800, 600);
+            display.set_viewport(true);
             ctx = display.get_context();
+
             mouse    = new Mouse({'target': $D('canvas'),
                                 'onMouseButton': mouseButton,
                                 'onMouseMove': mouseMove});
+            mouse.grab();
+
 
             Util.addEvent(window, 'resize', doResize);
-            //doResize();
+            // Shrink viewport for first resize call so that the
+            // scrollbars are disabled
+            display.viewportChange(0, 0, 10, 10);
             setTimeout(doResize, 1);
             setInterval(dirtyRedraw, 50);
-            mouse.grab();
 
             message("Display initialized");
         };
diff --git a/vnc.html b/vnc.html
index f7159c60..d5b028c8 100644
--- a/vnc.html
+++ b/vnc.html
@@ -15,11 +15,18 @@
                 Remove this if you use the .htaccess -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <meta name="viewport" content="user-scalable=1" />
+    <!-- Apple iOS Safari settings -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <!-- App Start Icon  -->
+    <link rel="apple-touch-startup-image" href="images/screen_320x460.png" /> 
+    <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
+    <link rel="apple-touch-icon" href="images/screen_57x57.png">
     <!--
-    <meta name="viewport" content="width=device-width,height=device-height" />
+    <link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" /> 
     -->
+
     
     <!-- Stylesheets -->
     <link rel="stylesheet" href="include/base.css" />
@@ -28,13 +35,6 @@
 
     <!-- Google web fonts -->
     <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Nova+Square|Orbitron:400,500,700,900|Nova+Round|Nova+Mono|Nova+Slim|Nova+Oval|Nova+Flat|Nova+Cut' rel='stylesheet' type='text/css'>       
-    <!-- App Start Icon  -->
-    <link rel="apple-touch-startup-image" href="images/screen_640x435.png" /> 
-
-    <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
-    <link rel="apple-touch-icon" href="images/mobileicon.png">
-    <link rel="apple-touch-icon-precomposed" href="images/mobileicon.png" /> 
-
     <!--
     <script type='text/javascript'  
         src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
@@ -48,43 +48,60 @@
 <body>
     <div id="noVNC-control-bar">
         <!--noVNC Mobile Device only Buttons-->
-        <div id="noVNC_mobile_buttons" class="noVNC-buttons-left">
-            <nobr>
-                <span class="noVNC_mouse_buttons">
-                    <input type="button" class="noVNC_status_button"
-                        id="noVNC_mouse_button1" value="L"
-                        onclick="UI.setMouseButton(1);">
-                    <input type="button" class="noVNC_status_button"
-                        id="noVNC_mouse_button2" value="M"
-                        onclick="UI.setMouseButton(2);">
-                    <input type="button" class="noVNC_status_button"
-                        id="noVNC_mouse_button4" value="R"
-                        onclick="UI.setMouseButton(4);">
-                    <input type="button" id="showKeyboard"
-                        value="Keyboard" class="noVNC_status_button"
-                        onclick="UI.showKeyboard()"/>
-                </span>
-            </nobr>
+        <div class="noVNC-buttons-left">
+            <input type="image" src="images/move.png"
+                id="noVNC_view_drag_button" class="noVNC_status_button"
+                value="Move" title="Move/Drag Viewport"
+                onclick="UI.setViewDrag();">
+            <div id="noVNC_mobile_buttons">
+                <input type="button" class="noVNC_status_button"
+                    id="noVNC_mouse_button0" value=" "
+                    onclick="UI.setMouseButton(1);">
+                <input type="button" class="noVNC_status_button"
+                    id="noVNC_mouse_button1" value="L"
+                    onclick="UI.setMouseButton(2);">
+                <input type="button" class="noVNC_status_button"
+                    id="noVNC_mouse_button2" value="M"
+                    onclick="UI.setMouseButton(4);">
+                <input type="button" class="noVNC_status_button"
+                    id="noVNC_mouse_button4" value="R"
+                    onclick="UI.setMouseButton(0);">
+                <input type="image" src="images/keyboard.png"
+                    id="showKeyboard" class="noVNC_status_button" 
+                    value="Keyboard" title="Show Keyboard"
+                    onclick="UI.showKeyboard()"/>
+                <input type="text"
+                    id="keyboardinput" class="noVNC_status_button"
+                    onKeyDown="onKeyDown(event);"/>
+            </div>
         </div>
 
         <!--noVNC Buttons-->
         <div class="noVNC-buttons-right">
             <input type="button" class="noVNC_status_button"
                 value="CtrlAltDel" id="sendCtrlAltDelButton"
-                onclick="UI.sendCtrlAltDel();">
-            <input type="button" id="clipboardbutton" value="Clipboard"
-                onclick="UI.showClipboard();"/>
-            <input type="button" class="noVNC_status_button"
-                value="Settings" id="menuButton"
-                onclick="UI.clickSettingsMenu();">
-            <input type="button" id="connectPanelbutton"
-                value="Connection" class="noVNC_status_button"
+                onclick="UI.sendCtrlAltDel();" />
+            <input type="image" src="images/clipboard.png"
+                id="clipboardButton" class="noVNC_status_button"
+                value="Clipboard" title="Clipboard"
+                onclick="UI.showClipboard();" />
+            <input type="image" src="images/settings.png"
+                id="menuButton" class="noVNC_status_button"
+                value="Settings" title="Settings"
+                onclick="UI.clickSettingsMenu();" />
+            <input type="image" src="images/connect.png"
+                id="connectPanelbutton" class="noVNC_status_button"
+                value="Connect" title="Connect"
                 onclick="UI.connectPanelbutton()" />
+            <input type="image" src="images/disconnect.png"
+                id="disconnectButton" class="noVNC_status_button"
+                value="Disconnect" title="Disconnect"
+                onclick="UI.disconnect()" />
         </div>
 
         <!-- Clipboard Panel -->
         <div id="noVNC_clipboard" class="triangle-right top">
-            <textarea id="noVNC_clipboard_text" cols=88 rows=5
+            <textarea id="noVNC_clipboard_text" rows=5
                 onfocus="UI.displayBlur();" onblur="UI.displayFocus();"
                 onchange="UI.clipSend();">
             </textarea>
@@ -94,13 +111,14 @@
         </div>
 
         <!-- Settings Panel -->
-        <div id="noVNC_Settings" class="triangle-right top">
+        <div id="noVNC_settings" class="triangle-right top">
             <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();"
                                            onmouseout="UI.displayFocus();">
                 <ul>
                     <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
                     <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
                     <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
+                    <li><input id="noVNC_clip" type="checkbox"> Clip to window</li>
                     <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
                     <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li>
                     <hr>
@@ -143,13 +161,15 @@
                 <div id="noVNC_status">Loading</div>
         </div>
         
-        <!-- HTML5 Canvas -->
         <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
-        <canvas id="noVNC_canvas" width="640px" height="20px">
-                    Canvas not supported.
-        </canvas>
-        
-        <input id="keyboardinput" type="text" onKeyDown="onKeyDown(event);"/>
+
+        <!-- HTML5 Canvas -->
+        <div id="noVNC_container">
+            <canvas id="noVNC_canvas" width="640px" height="20px">
+                        Canvas not supported.
+            </canvas>
+        </div>
+
     </div>
   
     <script>