Kendo mobile chart not scrollable? -

-

jsfiddle example here

i testinhg on samsung galaxy s4 , mobile emulator chrome.

<div class="demo-section">     <div id="drawer">         <a href="#" data-target="dashboard" class="drawer-link active">             dashboard         </a>         <a href="#" data-target="biomarkers" class="drawer-link">biomarkers</a>         <a href="#" data-target="lifestyle" class="drawer-link">lifestyle</a>         <a href="#" data-target="settings" class="drawer-link">settings</a>     </div>      <div id="content-container" >         <a id="drawer-trigger" href="#"></a>          <div id="dashboard" class="inner-content" style="height: 100%;width:100%;padding:5px;">             <h3>dashboard</h3>             <br />             <div id="_steps">                 <h4>steps</h4>                 <div id="steps" style="height: 80px; background-color: lightgray;"></div>             </div>             <br />             <div id="_distance">                 <h4>distance</h4>                 <div id="distance" style="height: 80px; background-color: lightgray;"></div>             </div>             <br />             <div id="_calories">                 <h4>calories out</h4>                 <div id="caloriesout" style="height: 80px; background-color: lightgray;"></div>             </div>         </div>          <div id="biomarkers" class="inner-content">             biomarkers         </div>         <div id="lifestyle" class="inner-content">             lifestyle         </div>         <div id="settings" class="inner-content">             settings         </div>     </div> </div>     $(document).ready(function () {          $("#steps").width($("#_steps").width());         $("#distance").width($("#_distance").width());         $("#caloriesout").width($("#_calories").width());           $("#steps").kendosparkline({             datasource: {                 data: actdata             },             type: "area",             seriescolors: ["blue"],             series: [{                 name: "steps",                 field: "steps",                 categoryfield: "createddate"             }],         });          $("#distance").kendosparkline({             datasource: {                 data: actdata             },             seriescolors: ["green"],             series: [{                 name: "distances",                 field: "distances",                 categoryfield: "createddate"             }],         });          $("#caloriesout").kendosparkline({             datasource: {                 data: actdata             },             type: "column",             seriescolors: ["red"],             series: [{                 name: "caloriesout",                 field: "caloriesout",                 categoryfield: "createddate"             }],         });      });      $(function () {         $("#drawer").kendomobiledrawer({             container: "#content-container"         });          $("#drawer-trigger").click(function () {             $("#drawer").data("kendomobiledrawer").show();             return false;         });          $(".drawer-link").click(function () {             $("#drawer").data("kendomobiledrawer").hide();             $(".drawer-link").removeclass("active");             $(this).addclass("active");             return false;         });          $(".drawer-link").click(function () {             $(".inner-content").hide();             $("#" + $(this).data("target")).show();         });      });       var app = new kendo.mobile.application(document.body);

my problem cannot scroll chart using touch. using kendomobiledrawer.

the mobile version in url http://m.biotracker.me


Comments

Post a Comment

Popular posts from this blog

javascript - how to protect a flash video from refresh？ -

-
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>flash video refresh</title> </head> <body> <div id="playerzone"><embed height="496" width="580" flashvars="flvid=19742822&amp;createtime=2012-4-19 13:46:33" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="player" id="player" src="swf/mine.swf" type="application/x-shockwave-flash"></div> <a onclick="return test();" id="test">click me popup div,and hide scrollbar</a> </body> the code upon： for example,when click a#test button,popup div,it's no problem,but want hide scrollbar while div popup. i used $('html').css('overflow','hidden') in
Read more

android - Associate same looper with different threads -

-
Image
in application, want create multiple threads working on single queue. create queue know need call looper.prepare() . i want other threads create should associated looper created first thread, how can achieve this? use 1 of java thread safe queue class java.util.concurrent package instead of looper achieve goal. it's more common practice. share queue between threads , post task queue entry 1 thread can entry thread. blockingqueue can - in 1 thread call take() , block thread until thread put() entry queue. that's all. producer consumer pattern example blockingqueue or concurrentlinkedqueue about blockingqueue
Read more

visual studio 2010 - Connect to informix database windows form application -

-
i trying figure out how connect ibm informix database. have been doing research , have found threads 5 years ago examples not working. i have installed latest sdk ibm informix. i have included ibm.data.informix.dll references in project. i have included using ibm.data.informix; i adding button , on click testing conenction. debug error "sql0035n file "c:\users\adam\documents\visual studio 2010\projects\test\test\msg\en_us\db2nmp.xml" cannot opened." this file not exist , dont see anywhere in program files (x86)\ibm informix client sdk directory. my on click code is private void button1_click(object sender, eventargs e) { const string host = "192.168.obfuscated"; const string servicenum = "1525"; //port? const string server = "serverobfuscated"; const string database = "dbobfuscatedy"; const string user = "myusername"; const string password = &
Read more