Telerik Forums
Kendo UI for jQuery Forum
3 answers
120 views
In IE, the form value selections are being passed to the controller, but they are not passed in any other browser that I have tried. Why do my form values get used in IE but not in Chrome, Firefox or Safari?
 
My code is below:
 
HomeController.cs:
using KendoFilters.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace KendoFilters.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index(string nameDD)
        {
            var listFruits = new List<Fruit>
            {
                new Fruit { Name="Apple", Organic=true },
                new Fruit { Name="Orange", Organic=true },
                new Fruit { Name="Pear", Organic=true },
                new Fruit { Name="Plum", Organic=false }
            };
 
            ViewBag.MyNameDDValue = nameDD;
 
            return View(listFruits);
        }
    }
}
Index.cshtml:
@model IEnumerable<KendoFilters.Models.Fruit>
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <!-- Kendo References -->
    <link rel="stylesheet" href="~/Content/kendo.common.min.css">
    <link rel="stylesheet" href="~/Content/kendo.default.min.css">
    <link href="~/Content/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Scripts/kendo.all.min.js"></script>
    <script src="~/Scripts/kendo.aspnetmvc.min.js"></script>
</head>
<body>
    <div>
        <table>
            @using (Html.BeginForm("Index", "Home", FormMethod.Get))
            {
                <tr>
                    <td>Environment
                    </td>
                    <td>
                        @(Html.Kendo().DropDownList()
                    .Name("nameDD")
                    .DataTextField("Name")
                    .DataValueField("Name")
                    .BindTo(Model)
                    )
                    </td>
                    <td style="width: 10px;"></td>
                    <td>
                        <input type="submit" value="Run Report" />
                    </td>
                </tr>
        }
        </table>
        <br /><br />
        You Chose: @ViewBag.MyNameDDValue
    </div>
</body>
</html>


Allan
Top achievements
Rank 1
 answered on 06 Feb 2013
4 answers
91 views
 Hello,

I don't know how to make an icon in TabStrip like as in the following picture

http://i.imgur.com/9iSr4.png , like a new prompt.

sorry for my bad English.
Kamen Bundev
Telerik team
 answered on 06 Feb 2013
3 answers
185 views
Hi - there is a cosmetic problem that the user can scroll the entire view (the layout?) while view transitions are happening. To see this happen -  I started with the very useful example from Todd here: http://www.kendoui.com/forums/mobile/split-view/phone-vs-tablet.aspx#2192778 and put it in an absolutely minimal PhoneGap/Cordova boilerplate project by removing all their default .js and .css  and replacing the bulk part of their index.html with the example above...

The only real changes I made to the "stock" Cordova setup are to remove the width=device-width and height=device-height from the meta tags because it appears to break view/tabstrip heights :( I also put in the fix from Kamen found here: http://www.kendoui.com/forums/mobile/tabstrip/tabstrip-ios-disappearing.aspx#1972286 or else I lost a few millimeters of the screen. So far so good.

Ok - so get that up and running. Then tap/click the one of the tab buttons and while the new screen is sliding in, tap/click again and drag up or down on the tab button you just clicked. The entire screen will scroll up or down. Looks really weird - doesn't break anything that I can tell :)

I'm using Kendo version: kendoui.complete.2012.3.1114.commercial with PhoneGap/Cordova (v2.2.0) on iOS (6.0 if it matters) for both the simulator and the device itself.

Here is my index.html just for completeness sake.

Cheers,
Stephen
<!DOCTYPE html>
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
        <link rel="stylesheet" href="styles/kendo.mobile.all.min.css"/>
 
<style>
    body, html {
        margin:0;
        height:100%;
        width:100%;
    }
</style>
 
        <title>Hello World</title>
    </head>
    <body>
 
        <div id="tabletApp" style="display:none;">
            <div data-role="splitview">
                <div data-role="pane" id="left" data-layout="leftLayout">
                    <div data-role="view">
                        LEFT
                    </div>
 
                    <div data-role="layout" data-id="leftLayout">
                        <div data-role="header">
                            <div data-role="navbar">
                                TEST APP
                            </div>
                        </div>
                    </div>
                </div>
                <div data-role="pane" id="right" data-layout="rightLayout">
                    <div data-role="view">
                        RIGHT
                    </div>
 
                    <div data-role="layout" data-id="rightLayout">
                        <div data-role="header">
                            <div data-role="navbar">
                                  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="phoneApp" style="display:none;">
            <div data-role="view">
                <h1>Phone Home</h1>
            </div>
            <div data-role="view" id="about">
                <h1>Phone About</h1>
            </div>
            <div data-role="layout" data-id="phoneDefault">
                <div data-role="header">
                    <div data-role="navbar">
                        Phone App
                    </div>
                </div>
                <!--Content-->
                <div data-role="footer">
                    <div data-role="tabstrip">
                        <a href="" data-icon="home">Home</a>
                        <a href="#about" data-icon="info">About</a>
                    </div>
                </div>
            </div>
        </div>
 
        <script src="cordova-2.2.0.js"></script>
        <!-- This combo fixes the status bar height offset... Taken from Telerik forum answer post.  -->
        <script>
            if (typeof window._nativeReady === "undefined")
                window._nativeReady = true;
        </script>
        <script src="js/jquery.min.js"></script>
        <script src="js/kendo.all.min.js"></script>
 
        <script>
            $(function() {
                var app,
                //Must be mobile and tablet
                        isTablet = kendo.support.mobileOS && kendo.support.mobileOS.tablet,
                        appElement = null,
                        appLayout = null;
 
                console.log("mobileOS Info/isTablet", kendo.support.mobileOS, isTablet);
 
                appElement = (isTablet) ? $("#tabletApp") : $("#phoneApp");
                appLayout = (isTablet) ? null : "phoneDefault";
 
                app = new kendo.mobile.Application(appElement, {
                    layout: appLayout,
                    transition: 'slide'
                });
 
                //Adjust visibility of proper app container
                appElement.show();
            });
        </script>
 
    </body>
</html>
Kamen Bundev
Telerik team
 answered on 06 Feb 2013
8 answers
557 views
Typo in title: should be 5.3.2

ISO 8601 5.3.2 distinguishes between combined representations of Date-Time values  (e.g. 2013-01-20 18:00) and uncombined representations of Time of Day values (e.g. 18:00); the latter is not connected to any particular day and because it is not yoked to a date, it is not a moment in a chronological continuum that extends beyond the 24-hours of the single (indeterminate) day. "Time of Day" is a very simple data type, an analog for the hours, minutes, and seconds of the 24-hour clock, which runs from 00:00 to 24:00.

Unlike a combined Date-Time representation, where it is possible to disambiguate the start of the day from the end of the day by incrementing the date element (January 20 at 00:00 is the start of January 20th.  January 21 at 00:00 is the end of January 20th) the uncombined Time of Day representation has to find another way to distinguish the start of the day from the end of the day, as it lacks a date element. To distinguish the start of the 24-hour day from the end of the 24-hour day,  ISO 8601 3.5.2 treats 24:00 as a valid representation of the end of the day. 00:00 refers to the start of the day. 24:00 refers to the end of the day. When the hour value of a Time of Day is 24, the minutes and seconds must be 0.

Examples of the use of 24:00 under ISO 8601 5.3.2 can be found in the original ISO 8601 specification as well as in Appendix B.1.2 Time of Day here: http://dotat.at/tmp/ISO_8601-2004_E.pdf   (cf. page 28).  Here is an excerpt (sorry, the formatting is lost):

Midnight — The beginning of a day 
Basic format............... Extended format .....................Explanation 
000000...................... 00:00:00.................................. Complete 

0000........................... 00:00....................................... Hour and minute only 

Midnight — The end of a day 
Basic format............... Extended format..................... Explanation 
240000....................... 24:00:00................................ Complete 
2400........................... 24:00..................................... Hour and minute only


But the Kendo timePicker does not accept the string literal 24:00:

    var timePicker = $("#myTimePicker").data("kendoTimePicker");
    timePicker.value("24:00");
 
    ?timePicker.value()
     null

The Kendo TimePicker should accept 24:00.   The developer should be able to set 24:00 as the value for the TimePicker and later get 24:00 from it.   The DateTimePicker can be used for working with combined representations   The TimePicker should be usable with uncombined Time of Day representations.

As an aside, I believe it is unwarranted to treat an uncombined Time of Day as if it were a moment on the calendar continuum. It does not achieve the existential status of calendar-time until it is explicitly yoked to a date.   The problem arises from trying to make the Time of Day be more than the crude but very useful datatype it is.  

Not all databases conform to this ISO standard. Here is one that does:
http://www.postgresql.org/docs/9.1/static/datatype-datetime.html

and here is another:
http://www.sqlite.org/lang_datefunc.html

and here is another:
http://publib.boulder.ibm.com/infocenter/dzichelp/v2r2/index.jsp?topic=%2Fcom.ibm.db2z10.doc.intro%2Fsrc%2Ftpc%2Fdb2z_datetimetimestamp.htm


P.S.  The following are all different datatypes under ISO 8601 and ought not be confused with one another, as they are indeed being conflated by many, including the folks at  java.SQL.lang who are conflating TimeSpan and TimeOfDay into a single datatype, muddying the water.  

DateTime
TimeSpan aka Interval
Time aka TimeOfDay

Only the first, DateTime, is linked to a particular date on the calendar. TimeSpan and TimeOfDay are not on the calendar  nor are they in a time-zone, having no localization information. If a Time is cast to a DateTime, the cast should either fail or a default/arbitrary date such as the beginning of the epoch might be chosen. But strictly speaking qua datatypes, TimeSpan and TimeOfDay are unrelated to the calendar.


Tim R
Top achievements
Rank 1
 answered on 06 Feb 2013
2 answers
569 views
Hi,

I used to write below code in order to clear my kendo DatePicker value 

      $("#inputEndDate").data("kendoDatePicker").value(null);
     $("#inputEffEndDate").data("kendoDatePicker").value(null);
......
........

I just wondering is there any approach to clear all date picker fields in single line ?? As we used  to clear all inputs in a page like below
 eg : $(input).val('');

Thanks in advance
Ambica
Ambica
Top achievements
Rank 1
 answered on 06 Feb 2013
3 answers
218 views
Hello

I have seen that it is possible to create an image when using the telerik asp.net ajax charts. But is it possible to do the same with the kendo charts?

The reason is that I would like to export them to different formats such as pdf, and power point.

Thanks,
Teodora
Yashraj
Top achievements
Rank 1
 answered on 06 Feb 2013
4 answers
161 views
Hello guys,
is possible to speed up slide transition effect?
When I click on a button, the duration of the transition is not equal to the native ios.
Daniele
Top achievements
Rank 1
 answered on 06 Feb 2013
3 answers
213 views
The text in the database has some embedded line-break tags <br>:

                      The quick brown fox<br>jumped over the lazy dog

When my grid is instantiated for the first time, the text value displays so:                                          

                     The quick brown fox<br>jumped over the lazy dog

When my grid is instantiated on the page a second time (i.e. I fetch the data again from the server via my XHR and recreate the grid as if it had never existed -- it is not merely a rebind to the new data using the existing configuration), the text is rendered so:

                    The quick brown fox
                    jumped over the lazy dog


Happens in  IE, Chrome, FF, and Opera.  
But if I check to see whether the grid already exists, and if it does exist, I simply rebind the data without re-instantiating the grid, then the value is rendered so:

                  The quick brown fox<br>jumped over the lazy dog

   I am trying to figure out what is causing this behavior.
            
Daniel
Telerik team
 answered on 06 Feb 2013
1 answer
84 views
Hey,

I got an Problem with my Application. 

If I navigate through my Views and DetailViews the App works, but after a few clicks, the app stops working.

I click on an Element in my Listview, then I go back and press an other one and go back an so on...
Somtimes I can do that 20 times untill I can't click anything, but often I just can click 2 Times.

Any Idea?

Thanks a lot
Pascal
Alexander Valchev
Telerik team
 answered on 06 Feb 2013
3 answers
197 views
Hi,

I am trying to use kendo.mobile.ui.BackButton inside a navbar, in a mobile web application (mvc.net).
When taping the button I get the following error and then nothing happens:

TypeError: Result of expression 'e' [undefined] in kendo.mobile.min.js:12

here is my layout code (i'm using kendo version 2012.3.1114):

<div data-role="layout" data-id="mobileLayout">
            <header data-role="header">
                <div id="headerNavBarDiv" data-role="navbar">
                    <a id="backBtn" class="nav-button" data-align="left" data-role="backbutton">Back</a>
                    <div id="homeIconDiv" class="smallTempHomeIcon"></div>
                    <a id="showProjectHistory" data-align="right" data-role="button" data-icon="icon historyLight" style="display: none"></a>
                </div>
                <div id="titleDiv"></div>
            </header>
        </div>
        <script>
            var app;
            $(document).ready(function () {
                app = new kendo.mobile.Application($(document.body), { layout: "mobileLayout" });
            });
        </script>


As I understand from your documentation and lots of forum reading - this should be an easy one, but nothing I tried worked (including using the data-click or adding 'href=#:back')

I'll more then appreciate your help in this matter.

Thanks,
Ety 



kendo.mobile.min.js:12

Alexander Valchev
Telerik team
 answered on 06 Feb 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?