Hi,
We notice that when the data source return valid data to the Grid (in Web UI) that is browsed in the iPad Safari (iOS7+), the Grid does not show any rows until user touch (click on ) the Grid. Only upon touching (clicking) the Grid then it immediately shows its rows!
This behavior is only happening in the iOS Safari and not in any other browser.
Would appreciate your investigation and solution on this problem.
Thank you.    

Hi,
   How can we disable toolbar buttons?  I have tried adding "k-state-disabled" and removing "k-grid-add", then on clicking Create button won't create a new row, but instead it is an anchor it is going to another page.  Generated htmlcopied from browser

<a href="#" class="k-button k-button-icontext k-grid-add"><span class="k-icon k-add"></span>New ad unit</a>

  Another thing is we have drop down menu (using template) in toolbar, how to disable that one?  Attached screen shot of dropdown menu.  Html for same is

<a href="#" class="k-button k-button-icontext k-grid-add"><span class="k-icon k-add"></span>New ad unit</a>

Thanks
Shan

Hello,

I have a datasource with daily values and I want to know if there is a way to group these values to show day of week averages (Monday, Tuesday, ...).

The goal for this is to show to users different options (based on this http://jsbin.com/oDOkAne/7/edit ) that will allow to see with the same datasource the daily, weekly, monthly, yearly values + the day of week values.

Example:
 var stats = [
                    { value: 10, date: new Date("2013/12/20") }, //Friday
                    { value: 10, date: new Date("2013/12/21") }, //Saturday
                    { value: 10, date: new Date("2013/12/22") }, //Sunday
                    { value: 20, date: new Date("2013/12/23") }, //Monday
                    { value: 20, date: new Date("2013/12/24") }, //Tuesday
                    { value: 20, date: new Date("2013/12/25") }, //Wednesday
                    { value: 20, date: new Date("2013/12/26") }, //Thursday
                    { value: 20, date: new Date("2013/12/27") }, //Friday
                    { value: 20, date: new Date("2013/12/28") }, //Saturday
                    { value: 20, date: new Date("2013/12/29") }, //Sunday
                    { value: 30, date: new Date("2013/12/30") }, //Monday
                    { value: 30, date: new Date("2013/12/31") }, //Tuesday
                ];

Will show the 7 following points (when agregate is "avg"):
Monday => 25
Tuesday => 25
Wednesday => 20
Thursday => 20
Friday => 15
Saturday => 15
Sunday => 15

Thank you,
Dan

Hi,

 I have one issue with the drop down inside popup grid. Attaching sample project.

It is having pop Grid in InCell mode. It is having column called Salary
Range. On click of any of the cell it displays drop down. 

My issue is drop down selected item doesn't set the cell value and reset it to existing bind value.

Regards

I have a chart that has a datasource bound to remote data. I allow users to filter the data on the client side by selecting a date range using dropdownlists.

I understand that the chart rolls up based on the values specified in baseUnit, baseUnitStep and maxDateGroups. I would like to know if there is a way to always display the first and last datapoint and have all the values in between be rolled up. It can skew the visualization of the data if the very last datapoint is not included.

I am using the cursoroffset to position the pointer below and to the left of what is being dragged.

While this works great the cursor changes to a standard pointer is there anyway to have it change to something else(preferably cross hair) while dragging and then revert to default after drop.

thanks
dco

We are a company there have a huge web application running. The system is coded in Oracle, JSP, Java, JavaScript using Backbase, where the transport for data and function calls to Oracle is done using xml.
 
We are thinking about changing the interface framework and that's why I'm looking at Kendo UI.
 
I'm managed to make extended dataSources (connected to Oracle by using the existing xml interface) in JavaScript executed from JSP (Not using libtagging) by using "new kendo.data.DataSource". I have build custom observes, grids, forms and other controls with data binding in a MVVM environment.
That all works very well. Have made all the code in js files and is using jQuery Ajax to loads interface parts.
 
Now to my question.
 
I can see in examples when running JSP in a MVVM environment, kendo UI are talking about doing the widget extension in java, making a bean and libtag it in jsp.
 
What benefits do I get by coding the widgets in java instead simply directly in JavaScript?
 
Please advice :-)

When I click the navigation button on a drawer, I get the drawer to the left as intended.

However, the header (which also includes the button) slides to the right as well.
How can I have only the contents below the header slided.

There is no way to insert pictures in this forum so the screenshots are here:

http://dl.dropboxusercontent.com/u/23963309/unslided.png
http://dl.dropboxusercontent.com/u/23963309/actual.png
http://dl.dropboxusercontent.com/u/23963309/desired.png

Hi,

I am new to Kendo, I am facing few issues in fulfilling requirement w.r.t to Kendo UI multiselect.

1.       I am using Kendo UI Multiselect. I want the multiselect widget to act only as a drop down i.e., on click on the widget, it has to show the list of options in the dropdown and the user should not be able to enter text in the multiselect text field. User can only select the option from the dropdown.
Is this possible?

2.       Should the dataValueField be unique?
- If I have dataTextField as {'test1','test2'} and dataValueField as {'test','test'}
- The multiselect gets populated with test1 twice.

Thanks,
Bharath

Hi,
i have try to use kendo ui mobile listview with jquery plugin (rateit - it is a star rating). when i data-init my view it will show. but when i manually insert data into listview it disappear.  below is my code.

template
<script id="tmp" type="text/x-kendo-template">
        
            
            <img  src="#:banner#" class="Banner" />
            <div class="listitem-tab km-listview-link" data-role="content">
                <a data-role="listview-link" href="#:link#" style="text-decoration:none;" class="GoToNearBySub1" >
                    <div>
                        <img class="pullImage" src="#:url#" />
                        <h3 class="MerchantName">#:title#</h3>
                        <p class="MerchantDetail">#:description#</p>
                        <span class="MerchantDetail2">Rate:</span><div class="rateit" data-rateit-value="2.5" styles="margin:0;"></div><span class="MerchantDetail2">#:rate#</span>
                        
                    </div>
                </a>
                <a  data-role="detailbutton"  data-rel="popover" href="#:popup#" class="GetGPSDetail" id="#:gpslatlng#" >...</a>
                
            </div>

    </script>

my view

<div  data-role="view" data-title="Near By" id="listview_home" data-layout="mobile-tabstrip" data-init="CallJs" data-after-show="showstar" data-transition="slide">
    <header data-role="header">
    <link href='myStyles/rateit.css' type="text/css" rel="stylesheet"/>
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a href="#SearchList" data-align="right" data-icon="search" data-role="button" data-click="ResetScrollBar"></a>
           
        </div>
    </header>
    <!--
    <ul id="NearbyList" data-role="listview" data-source="dataSource" data-template="tmp"></ul>
    -->
    <ul id="NearbyList"  data-role="listview"></ul>
    <ul id="AddBtnDiv" data-role="listview"><a data-role="button" id="PressLoad" class="btn">Load More</a></ul> (press thius button to load data from listlist function)
    

    <div id="GetDirection" data-role="popover">
                <div data-role="view" data-title="Direction">
                    <div data-role="header">
                        <div data-role="navbar">
                            <span data-role="view-title"></span>
                        </div>
                    </div>
                    <span data-role="view-title"></span>
                    <ul data-role="listview" data-style="inset" >
                        <li>
                                <i></i><a data-role="button"  class="btn" id="DetailBtn" data-bind="value: title">Get Direction</a>
                        </li>
                    </ul>
                </div>
            </div>

</div>


function listlist(LoadStartNo,LoadEndNo) {

    
   
    var Cat3 = {};
    NextStartNo = LoadStartNo;
    NextEndNo = LoadEndNo;

    if (NextEndNo == 0)
    {
        return;
    }

    var dataSource3 = new kendo.data.DataSource({

        transport: {
            read: {
                type: "Post",
                url: "http://localhost:57613/api/merchant/PostPagingMerchant",
                data: { "StartPoint": NextStartNo, "EndPoint": NextEndNo },
            }
        },
        schema: {

            parse: function (response) {
                Cat3 = JSON.stringify(response);
                var obj = eval("(" + Cat3 + ")");
                //alert(obj.Table.length);
                for (var i = 0; i < obj.Table.length; i++) {
                    var product = {
                        title: obj.Table[i].title,
                        url: obj.Table[i].url,
                        description: obj.Table[i].description,
                        rate: obj.Table[i].rate,
                        popup: obj.Table[i].popup,
                        banner: obj.Table[i].banner,
                        gpslatlng: "3.01181,101.63124",
                        link: obj.Table[i].link
                    };
                    PressLoadProduct.push(product);
                }
                return PressLoadProduct;
            },
            total: function () { return PressLoadProduct.length; }
        },
        serverPaging: true,
        pageSize: 18,
        serverSorting: true
    });

    var listview2 = $("#NearbyList").kendoMobileListView({
        dataSource: dataSource3,
        template: $("#tmp").html()
        //endlessScroll: true
    });

    NextStartNo = NextEndNo + 1;
    NextEndNo = NextEndNo + 5;
    
}