Telerik Forums
Kendo UI for jQuery Forum
5 answers
153 views
I have a grid where all the processing is fully server side. This all works fine when I use jquery 1.7, however when I use 1.8.2 the columns filters don't seem to be working.

The icon updates on a column to show it's filterable just when I click it nothing happens. I'm using the latest version of your controls. Has anything happened that may affect behaviour.

Since all my processing is server side it's difficult to provide an example.
Keith
Top achievements
Rank 1
 answered on 06 Feb 2013
2 answers
94 views
<a href="#moreModalView" data-rel="modalview" id="moreButton" data-role="button">More...</a>

<div data-role="modalview" id="hoursModalView">
  <div data-role="header" class>
    <div data-role="navbar">
      <span>More Info</span>
    </div>
  </div>
  <p style="text-align:center; margin-top:10px;">Hours</p>
  <a data-click="closeModalView" data-role="button" data-align="right">Close</a>
</div>


I have a ModalView as seen above. However, if I remove the data-role="button" from the link, clicking the link does not do anything. It actually prevents any scrolling and the back button in my header from working.
The ModalView div is inside the View div that the link is in. 
This is all part of a Phonegap App.

Any ideas as to why this might happen?
Alexander Valchev
Telerik team
 answered on 06 Feb 2013
3 answers
122 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
94 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
188 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
571 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
583 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
224 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
165 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
225 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
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
AICodingAssistant
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?