Questions on Kendo UI for jQuery Forum

1 answer

46 views

Hi can i ask some on how to make the layout 100% height in HTML5, as when we're browsing the page on ipad, we can't set the scroller to 100%, it wont apply.

If you can give me sample code, that would be great.

Thanks in advance..

General Discussions

answered on 19 Feb 2014

3 answers

112 views

Apple failed my app because of non-public API use

Hi there,

I recently tried uploading my app (built with AppBuilder) for the first time to the Apple store. After reviewing the app Apple replied with the following:

We found that your app uses one or more non-public APIs, which is not in compliance with

the App Store Review Guidelines. The use of non-public APIs is not permissible because it can lead to a poor user experience should these APIs change.

We found the following non-public API/s in your app:

_canShowMIMEType:

webView:decidePolicyForMIMEType:request:frame:decisionListener:

I requested extra information from Apple what may cause this error, but they told me to contact Telerik for help instead. My app uses no custom plugins, only the standard plugins that Telerik has already provided. That means it's pure html/css/javascript. As the html is shown within a browser control inside a native app, my guess would be this has something to do with the tool itself.

If anyone has had this same problem before, please let me know how you (hopefully!) solved it.

Kind regards,

Aidan Langelaan

General Discussions

answered on 19 Feb 2014

1 answer

86 views

Enter to link navigate

Hello
When I'm using panel bar with keybora I can expoand/collapse without problem, but when I'm selecting element which has link inside and press enter nothing is happening. How to navigate to the panel bar link?

example code

<ul>

<li>

<a href="/Report/Dashboard"> <i class="fa fa-dashboard"></i> Dashboard </a>

</li>

</ul>

PanelBar

answered on 19 Feb 2014

3 answers

170 views

I need to clic twice on tabstrip to activate the view [VIDEO]

Hi,

I've a little problem. I'm using the TabStrip and i need to clic twice on tabstrip to activate the view or press F5 to refresh the page. I posted a video to see the problem.

http://www.youtube.com/watch?v=z8GkVn8QGB0

please your help.

I posted part of the source:

<!DOCTYPE html>

<head>

<meta charset="utf-8">

<title>Dashboard</title>

<meta name="author" content="">

<script src="view/theme/js/jquery.min.js"></script>

<script src="view/theme/js/kendo.all.min.js"></script>

<link href="view/theme/css/kendo.common.min.css" rel="stylesheet" />

<link href="view/theme/css/kendo.rtl.min.css" rel="stylesheet">

<link href="view/theme/css/kendo.default.min.css" rel="stylesheet">

<link href="view/theme/css/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="view/theme/css/kendo.mobile.exported.css" rel="stylesheet" />

</head>

<body>

<div data-role="layout" data-id="mobile-view">

<header data-role="header">

<div data-role="navbar">

<a class="nav-button" data-align="left" data-role="backbutton">Back</a>

<span data-role="view-title"></span>

<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>

</div>

</header>

</div>

<div data-role="view" id="tabstrip-home" data-title="General" data-layout="mobile-tabstrip">

<div class="head"> </div>

<ul data-role="listview" data-style="inset" data-type="group">

<li>

Overview

<ul>

<li>Total Sales:<span class="sales-up">$15,436</span></li>

<li>Total Sales This Year:<span class="sales-up">$15,436</span></li>

<li>Total Orders:<span class="sales-up">3</span></li>

<li>No. of Customers:<span class="sales-up">1</span></li>

<li>Customers Awaiting Approval:<span class="sales-up">0</span></li>

<li>Reviews Awaiting Approval:<span class="sales-up">0</span></li>

<li>No. of Affiliates:<span class="sales-up">0</span></li>

<li>Affiliates Awaiting Approval:<span class="sales-up">0</span></li>

</ul>

</li>

</ul>

<ul data-role="listview" data-style="inset" data-type="group" class="inboxList">

<li>

Latest 10 Orders

<ul>

<li>

<a data-rel="external" href="product?order_id=3">

<h3 class="time">Orlando Jerez</h3>

<h3>14/02/2014</h3>

<h3>$15,005</h3>

<p>14/02/2014</p>

</a>

</li>

<li>

<a data-rel="external" href="product?order_id=2">

<h3 class="time">Orlando Jerez</h3>

<h3>11/02/2014</h3>

<h3>$106</h3>

<p>11/02/2014</p>

</a>

</li>

<li>

<a data-rel="external" href="product?order_id=1">

<h3 class="time">Orlando Jerez</h3>

<h3>11/02/2014</h3>

<h3>$325.00</h3>

<p>11/02/2014</p>

</a>

</li>

</ul>

</li>

</ul>

</div>

<div data-role="view" id="tabstrip-sales" data-title="Profile" data-layout="mobile-tabstrip">

<ul data-role="listview" data-style="inset" data-type="group">

<li>

<ul>

<li>

<h2>Sales <span>page</span></h2>

<img src="../../content/mobile/overview/carine.jpg" />

</li>

</ul>

</li>

</ul>

</div>

<div data-role="view" id="tabstrip-config" data-title="Profile" data-layout="mobile-tabstrip">

<ul data-role="listview" data-style="inset" data-type="group">

<li>

<ul>

<li>

<h2>Config <span>page</span></h2>

<img src="../../content/mobile/overview/carine.jpg" />

</li>

</ul>

</li>

</ul>

</div>

<style>

.inboxList

{

font-size: .8em;

}

.inboxList p,

.inboxList h2,

.inboxList h3

{

margin: 5px 2px;

}

.inboxList p,

.inboxList h3

{

color: #777;

}

.inboxList h3.time

{

color: #369;

float: left;

margin-right: 10px;

}

</style>

<style>

.km-ventas:after,

.km-ventas:before

{

content: "\e09c";

}

.km-total:after,

.km-total:before

{

content: "\e086";

}

</style>

<div data-role="layout" data-id="mobile-tabstrip">

<header data-role="header">

<div data-role="navbar">

<a data-align="left" data-role="backbutton" class="nav-button">Back</a>

<span data-role="view-title"></span>

<a data-align="right" data-role="button" class="nav-button" href="#index" data-icon="refresh"></a>

</div>

</header>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#tabstrip-home" data-icon="recents">General</a>

<a href="#index.php?route=catalog/product&token=5f7d94ff10d1569f07d17e5caba9c82d" data-icon="cart">Catalog</a>

<a href="#tabstrip-sales" data-icon="bookmarks">Sales</a>

<a href="#tabstrip-config" data-icon="settings">Settings</a>

</div>

<style scoped>

#tabstrip-home .head {

display: block;

margin: 1em;

height: 110px;

background: url(images/logo.jpg) no-repeat center center;

-webkit-background-size: 100% auto;

background-size: 100% auto;

}

.km-ios #tabstrip-home .head {

-webkit-border-radius: 10px;

border-radius: 10px;

}

</style>

<style scoped>

#tabstrip-home h2 {

display: inline-block;

font-size: 1.1em;

margin: 1.5em 0 0 .7em;

}

#tabstrip-home h2 span {

display: block;

clear: both;

font-size: 1.8em;

margin: .1em 0 0 0;

}

#tabstrip-home img {

width: 5em;

height: 5em;

float: left;

margin: 1em;

border: 1px solid rgba(0,0,0,.2);

-webkit-border-radius: 4em;

border-radius: 4em;

}

.sales-down,

.sales-hold,

.sales-up,

.value {

float: right;

}

.sales-up { color: green; }

.sales-down { color: red; }

.sales-hold { color: blue; }

.value { color: #bbb; }

</style>

<script>

new kendo.mobile.Application($(document.body), {

// platform: "ios", //Platform can be one of "ios", "ios7", "android", "blackberry", "wp", "meego"

skin: "flat",

transition: "slide",

hideAddressBar: true,

serverNavigation: false,

loading: "<h1>Cargando...</h1>"

});

</script>

</body>

</html>

TabStrip (Mobile)

answered on 19 Feb 2014

1 answer

79 views

Kendo Update -- splitter causing problems

We have updated from Kendo v 2013.2.1002 to v 2013.3.1324 and views were we use the Kendo Splitter control no longer layout properly. We have confirmed that it is an issue with the splitter control as we have disabled the splitters and the view lays out properly. When using the 2013.2.1002 version the splitter caused no problems. We would like to know what has changed within the splitter control that we should be aware of to get it to behave properly.

Peter

Splitter

answered on 19 Feb 2014

2 answers

205 views

View read-only template on Event selection

I have a scheduler configured for adaptive rendering and want to display a custom template on event selection as read-only, ie. if the user taps on an event, I want a custom template to display with more detail information about the event, like the editor template, but do no want allow creating, updating or destroying.

Is there a way to assign a template to the select event?

Thanks.

Scheduler

answered on 18 Feb 2014

4 answers

125 views

KendoUI + Angular js

Hi,

I'm using Angular js to build a single page app with controllers pulling data from remote services. On retrieval of the data I am trying to bind a treeview's dataSource to the retrieved data but am not having any joy.

I can build a Kendo treeview and populate it with static data but when I use an Angular controller to populate the data nothing happens; it's as if it's too late?

Has anyone done anything similar or does anyone know how to do it?

TreeView

answered on 18 Feb 2014

11 answers

306 views

Form In ListView Issues

I'm using Kendo UI, PhoneGap 3, and iOS 7. I have a Form within a ListView (following example code). I noticed the following behavior/issues:

When an input field is focused (and using emulated scrolling), the cursor doesn't move along with the input field.
When a field is focused (but now using native scrolling), the cursor does move along BUT overlay the header. The scrollbars are slightly different looking but work fine and don't overlay the header
When you touch a form field (or possibly some other area) and attempt to scroll the listview, sometimes the whole application scrolls and bounces
When you touch a form field at the lower portion of the form, the virtual keyboard obscures the form field instead of pushing it up and keeping it within view
Continuing from #4, when you go to another view, the virtual keyboard is not dismissed. This is not a problem if the form field is in focus.

I'm wondering if I'm doing something wrong or if these are indeed issues. If the latter, I would like to know if there are workaround and/or when fixes will be release.

I've attached the .html file for reference.

Thanks!

ListView (Mobile)

answered on 18 Feb 2014

8 answers

81 views

Latest version of Kendo Mobile Ipad with ios7 when you tap an input field the keyboard obscures input field and does not enter the text

I just download and installed the newest version of Kendo.all and kendo.mobile and ran my app Ipad with ios7 when you tap an input field the keyboard obscures input field and does not enter the text. How can I get this to work correctly? It works fine on IOS6 on Iphone and on android 4.2 please help

General Discussions

answered on 18 Feb 2014

1 answer

154 views

Pager's icons do not appear middle vertical-aligned when font-family is Segoe UI in Q3 2013.

The icons of the pager are shown top aligned when Font-family is 'Segoe UI' in kendoUI Q3 2013. Q2 2013 shows these icons well.
Would you please fix this or provide a workarround?
Kind regards,
Oscar.

Grid

answered on 18 Feb 2014