Hi,

I'm testing kendoui Mobile and I've noticed that navbar is higher than the one in iOS native apps... how can I modify it? Also the icons are too big... is there a way to make them smaller (like forcing dimensions for example)?

Thanks a lot
Mauro

I have a set of data in a local javascript variable that follows this pattern:

[ 
{ month: 'Jan 2012', series1: 800, series 2: 500 },
{ month: 'Feb 2012', series1: 700, series 2: 700 }, 
{ month: 'Mar 2012', series1: 900, series 2: 300 }, 
{ month: 'Apr 2012', series1: 800, series 2: 500, series3: 100 }, 
{ month: 'May 2012', series3: 200 }, 
{ month: 'Jun 2012', series3: 300 }
]

Notice that the data for series 3 doesn't start showing up until the April 2012 object.  I try and create a line chart with the data above by doing the following:

 $('#Chart').kendoChart({
        theme: 'metro',
        legend: { position: 'top' },            
        dataSource: { data: chartData},            
        seriesDefaults: {
            type: 'line',
            tooltip: {
                        visible: true,                        
                        font: '11px Trebuchet MS'
                     },
            markers: { size: 6 },
            missingValues: 'gap' // Should be the default value anyway
        },            
        series: [            
            {
                field: 'series1'
                name: 'Series1'
            },
            {
                field: 'series2',
                name: 'Series2'
            },
            {
                field: 'series3',
                name: 'Series3'
            }                       
        ],
        categoryAxis: {
            field: 'month',
            labels: {
                font: ".85em Trebuchet MS"
            },
            majorGridLines: { visible: false }
        },
        valueAxis: {
            min: 0,
            max: 100,
            majorUnit: 20,
            majorGridLines: {
                color: '#e7e7e7'
            }
        }
   });   

But it crashes when loading the chart every time with the following javascript error:

1. <error>
   1. o.extend.push
   2. n.extend._bindSeries
   3. n.extend._onDataChanged
   4. e.extend.proxy.g
   5. w.extend.trigger
   6. o.extend._process
   7. o.extend._change
   8. e.extend.proxy.g
   9. w.extend.trigger
   10. o.extend.push
   11. n.extend._bindSeries
   12. n.extend._onDataChanged
   13. e.extend.proxy.g
   14. w.extend.trigger
   15. o.extend._process
   16. o.extend._change
   17. e.extend.proxy.g
   18. w.extend.trigger
   19. o.extend.push
   20. n.extend._bindSeries
   21. n.extend._onDataChanged
   22. e.extend.proxy.g
   23. w.extend.trigger
   24. o.extend._process
   25. o.extend._change
   26. e.extend.proxy.g
   27. w.extend.trigger
   28. o.extend.push
   29. n.extend._bindSeries
   30. n.extend._onDataChanged
   31. e.extend.proxy.g
   32. w.extend.trigger
   33. o.extend._process
   34. o.extend._changekendo.dataviz.min.js:9
   35. e.extend.proxy.g
   36. w.extend.trigger
   37. o.extend.push
   38. n.extend._bindSeries
   39. n.extend._onDataChanged
   40. e.extend.proxy.g
   41. w.extend.trigger
   42. o.extend._process
   43. o.extend._change
   44. e.extend.proxy.g
   45. w.extend.trigger
   46. o.extend.push
   47. n.extend._bindSeries
   48. n.extend._onDataChanged
   49. e.extend.proxy.g
   50. w.extend.trigger
   51. o.extend._process
   52. o.extend._change
   53. e.extend.proxy.g
   54. w.extend.trigger
   55. o.extend.push
   56. n.extend._bindSeries
   57. n.extend._onDataChanged
   58. e.extend.proxy.g
   59. w.extend.trigger
   60. o.extend._process
   61. o.extend._change
   62. e.extend.proxy.g
   63. w.extend.trigger
   64. o.extend.push
   65. n.extend._bindSeries
   66. n.extend._onDataChanged
   67. e.extend.proxy.g
   68. w.extend.trigger
   69. o.extend._process
   70. o.extend._change
   71. e.extend.proxy.g
   72. w.extend.trigger
   73. o.extend.push
   74. n.extend._bindSeries
   75. n.extend._onDataChanged
   76. e.extend.proxy.g
   77. w.extend.trigger
   78. o.extend._process
   79. o.extend._change
   80. e.extend.proxy.g
   81. w.extend.trigger
   82. o.extend.push
   83. n.extend._bindSeries
   84. n.extend._onDataChanged
   85. e.extend.proxy.g
   86. w.extend.trigger
   87. o.extend._process
   88. o.extend._changekendo.dataviz.min.js:9
   89. e.extend.proxy.g
   90. w.extend.trigger
   91. o.extend.push
   92. n.extend._bindSeries
   93. n.extend._onDataChanged
   94. e.extend.proxy.g
   95. w.extend.trigger
   96. o.extend._process
   97. o.extend._change
   98. e.extend.proxy.g
   99. w.extend.trigger
   100. o.extend.push
   101. n.extend._bindSeries
   102. n.extend._onDataChanged
   103. e.extend.proxy.g
   104. w.extend.trigger
   105. o.extend._process
   106. o.extend._change
   107. e.extend.proxy.g
   108. w.extend.trigger
   109. o.extend.push
   110. n.extend._bindSeries
   111. n.extend._onDataChanged
   112. e.extend.proxy.g
   113. w.extend.trigger
   114. o.extend._process
   115. o.extend._change
   116. e.extend.proxy.g
   117. w.extend.trigger
   118. o.extend.push
   119. n.extend._bindSeries
   120. n.extend._onDataChanged
   121. e.extend.proxy.g
   122. w.extend.trigger
   123. o.extend._process
   124. o.extend._change
   125. e.extend.proxy.g
   126. w.extend.trigger
   127. o.extend.push
   128. n.extend._bindSeries
   129. n.extend._onDataChanged
   130. e.extend.proxy.g
   131. w.extend.trigger
   132. o.extend._process
   133. o.extend._change
   134. e.extend.proxy.g
   135. w.extend.trigger
   136. o.extend.push
   137. n.extend._bindSeries
   138. n.extend._onDataChanged
   139. e.extend.proxy.g
   140. w.extend.trigger
   141. o.extend._process
   142. o.extend._change
   143. e.extend.proxy.g
   144. w.extend.trigger
   145. o.extend.push
   146. n.extend._bindSeries
   147. n.extend._onDataChanged
   148. e.extend.proxy.g
   149. w.extend.trigger
   150. o.extend._process
   151. o.extend._change
   152. e.extend.proxy.g
   153. w.extend.trigger
   154. o.extend.push
   155. n.extend._bindSeries
   156. n.extend._onDataChanged
   157. e.extend.proxy.g
   158. w.extend.trigger
   159. o.extend._process
   160. o.extend._change
   161. e.extend.proxy.g
   162. w.extend.trigger
   163. o.extend.push
   164. n.extend._bindSeries
   165. n.extend._onDataChanged
   166. e.extend.proxy.g
   167. w.extend.trigger
   168. o.extend._process
   169. o.extend._change
   170. e.extend.proxy.g
   171. w.extend.trigger
   172. o.extend.push
   173. n.extend._bindSeries
   174. n.extend._onDataChanged
   175. e.extend.proxy.g
   176. w.extend.trigger
   177. o.extend._process
   178. o.extend._change
   179. e.extend.proxy.g
   180. w.extend.trigger
   181. o.extend.push
   182. n.extend._bindSeries
   183. n.extend._onDataChanged
   184. e.extend.proxy.g
   185. w.extend.trigger
   186. o.extend._process
   187. o.extend._change
   188. e.extend.proxy.g
   189. w.extend.trigger
   190. o.extend.push
   191. n.extend._bindSeries
   192. n.extend._onDataChanged
   193. e.extend.proxy.g
   194. w.extend.trigger
   195. o.extend._process
   196. o.extend._change
   197. e.extend.proxy.g
   198. w.extend.trigger
   199. o.extend.push
   200. n.extend._bindSeries

It obviously looks like it is hitting some infinite loop.  I tried to add series3: 0 to the first row in my dataset to just see what would happen so my data set looked like: 

[ 
{ month: 'Jan 2012', series1: 800, series 2: 500, series3: 0 },
{ month: 'Feb 2012', series1: 700, series 2: 700 }, 
{ month: 'Mar 2012', series1: 900, series 2: 300 }, 
{ month: 'Apr 2012', series1: 800, series 2: 500, series3: 100 }, 
{ month: 'May 2012', series3: 200 }, 
{ month: 'Jun 2012', series3: 300 }
]

That made the graph render but instead of having a gap for series3 for Feb 2012 and Mar 2012 it pushed the series3 values for Apr 2012 to Feb 2012, May 2012 to Mar 2012, and Jun 2012 to Apr 2012.  Each series3 value was shifted down two months and no gaps were present.

Am I missing something?  I would like series to to not start until it reaches data which should start in the April 2012 row.

Thanks for any suggestions in advance!

I am looking to create a native looking app that is accessed via the safari browser.  Currently when navigating to the page via the browser from an iphone the address bar does not go away.   I have read through the documentation and tried 

<script>
    var app = new kendo.mobile.Application(document.body), { appMode: true };
</script>

This makes the address bar go away but looses all the formatting of the page.


Is it possible to hide the Address Bar so that when i navigate to a webpage via my browser I can view the page as if it was a native app

What is the required format for custom tabstrip icons? White on black, black on white, white on transparent, black on transparent or something different? I see the example uses a jpg, so transparently is apparently out.

I just can't get my custom icons to show up at all. It would be super helpful if someone could point me at a working example.

Thanks/Anker

I put some kind of subGrid in the detailTemplate of kendoGrid, then I do some changes to the subGrid, but after I sort or filter the kendoGrid, I just found what i did was gone. So what should I do? maybe there's some method can do the job that when i change the datasource of kendoGrid, which can prevent the detailTemplate's render?

Using kendoMenu.append method in IE8 jQuery contains function fails (SCRIPT16386:  No such interface supported)
 
jquery-1.7.2.min.js, line 3 character 26393:  ?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0}:

This is clearly an IE8 problem, Targetting IE9 & using Chrome kendoMenu works, using same everything.  Any workaround for IE8 clients?

Hi. Please see the following fiddle: http://jsfiddle.net/u3T2s/4/
Steps to reproduce:
1. Press "add new" and enter some data
2. Press "update"
3. Look at the pager. It shows 4 pages, but actually there are only 2.
4. Press page number 2 - pager returns to correct state.

How can it be fixed ?

If I use k-menu as a web-site menu, how do I style the link of the current page?  

This applies to both ComboBox and DropdownList. When the input's width is set using % to be fluid, the dropdown itself does not stay in sync once the page is rendered and then the containing size changed. In other words, the dropdown width never updates once initially rendered.

I do not believe I am overlooking anything. It also doesn't seem to matter if setting width via CSS or adding style directly to input element. See this basic demo as a test. Resize the window (bigger or smaller) to see the dropdown list width remain static. Note, I only tested this in Chrome: http://jsfiddle.net/4uCHx/5/ 

Thanks,
Mike

We have setup our application to be able to use the add home screen option in the iPhone. Once we do that the app stops behaving normally. We tried setting the initialload option when the framework is loaded, but it is completely ignored. We ended up having to do a  window.location.replace to the screen we wanted. What is causing the iPhone to act differently between Safari and running it as a fake native app?