How can I do this with using the declarative syntax:

http://demos.kendoui.com/web/grid/hierarchy.html

More precisely, I don't know how to bind to the detailInit event.

Hi everyone!

Anyone know if it is possible or exist some before (or after) callback on scrollview?

I used the example app in "How-To: Build Apps With Kendo UI Mobile" as "shell" for a simple multi-views app intended for IOS and Android. The Android look is quite different from the IOS - black background, tabstrip on top rather than at the bottom, etc.

1. What do I have to do so that the look is the same for both? That is, I want both to look like that for IOS - white background, tabstrip at the bottom.
2. Also, I noticed that the footer tab labels do not show on the Android.This appears to be a bug.
3. 4 of my 5 views are mainly custom tables in HTML. If I click a particular table view and then go to another table view, the latter view is changed in size. ASN  The view which causes the other table views to change in size is "enter_score". The other table views do not affect the other views. I have attached the code.

Your help would be greatly appreciated.
 

Hello All, 

we are binding kendo ui grid to JSON data source. At design time we are not sure of column names or number of columns. 

I would like to inject columns names,title, width and format based on JSON data. 

it is possible please point me to an example or suggest a way to achieve it. 

- Also, can we drag columns to increase width as in Excel 
- Remove rows based on certain values.
- highlight text in cell based on a threshold.

I have hard coded the column name and model for test purpose, it did not see to help.


   schema: {
                    data: "d.Data",
                    total: "d.TotalCount",
                    model: { fields:
                                    { A1: { type: "string" },
                                        A2: { type: "string" },
                                        A3: { type: "string" },
                                        A4: { type: "string" },
                                        A5: { type: "string" },
                                        A6: { type: "string" },
                                        A7: { type: "string" }
                                    }
                    }

   Columns: [
                        { field: "A1", title: "S N ", width: 240 },
                        { field: "A2", title: "A1" },
                        { field: "A3", title: "Name" },
                        { field: "A4", title: "A2 Weight" },
                        { field: "A5", title: "A5 Weight" },
                        { field: "A6", title: "A6" },
                        { field: "A7", title: "A7" }
                     ]


Column titles are not visible!  i.e extra space

Hi all

Is it possible to add the kendo-button-image from the Grid buttons to a normal button?

I would like to add a template toolbar with 3 buttons and a search/filter field. But I can't figure out how the add the Create, Edit and Delete image to the buttons.

Thanks in advance.
Allan

 I am using DataSource for Kendo Template listview, but Unable to read data from list.json 


dataSource = new kendo.data.DataSource({
                    transport:{
                     read: lists.json
                        }
                });

         dataSource.read();
            var listView = $("#listView").kendoMobileListView({
                dataSource: dataSource,
                template: kendo.template($("#template").html()),
                
            });

and
list.json:
[
{"name":"Customer0","address1":"0 Winding River Lane"},
{"name":"Customer1","address1":"1 Winding River Lane"},
{"name":"Customer10","address1":"10 Winding River Lane"},
{"name":"Customer100","address1":"100 Winding River Lane"}
]

guide me to know the problem.. thanks in advance.

is it recommended to put a table inside a list view template , i have the following template

<script type="text/x-kendo-template" id="customListViewTemplate">        
        <table>
        <tr>
            <td>Product Name :
            </td>
            <td>${name}
            </td>
        </tr>
        <tr>
            <td>Desc :
            </td>
            <td>${description}
            </td>
        </tr>
        <tr>
            <td>Qty :
            </td>
            <td>
                <input type="number" min="0" />
            </td>
        </tr>
    </table>
        
    </script>

but when it get rendered, the numeric control seems to have a mind of its own, and never sits in its designated cell..

Is this not the correct way to do this ? have a tabular formatted data in list view template

Thanks

I have a handful of controls stacked vertically inside a scrollable div.  When I scroll the div contents, the controls float down, out of position, during the scroll.  How can I prevent that?

Thanks!

I have my editor as follows:

$('textarea').kendoEditor({
                encoded: false,
                tools: [
                        "bold",
                        "italic",
                        "underline",
                        "strikethrough",
                        "fontName",
                        "fontSize",
                        "foreColor",
                        "backColor",
                        "justifyLeft",
                        "justifyCenter",
                        "justifyRight",
                        "justifyFull",
                        "insertUnorderedList",
                        "insertOrderedList",
                        "indent",
                        "outdent",
                        "formatBlock",
                        "createLink",
                        "unlink",
                        "insertImage",
                        "viewHtml"
                    ]
            });

Everything is working as expected excluding the color picker for both the fore ground and back ground colors.  I am using the kendo.common and kendo.default css files.  What I am doing seems pretty basic.  What gives?

So i have a popover and clicking the close button works well to close the popover, but i would like to bind the popover's close event to a custom function where i can send an ajax request and do some custom processing.  I would like to bind the close because if you open the popover, select elements and click somewhere on the page the popover will close and i would like to capture that close event and fire my custom function..  I tried doing this:

And then in document.ready i'm trying to bind to the close event like this. 

         

But nothing is firing when i open the popover then click somewhere else on the page to close it... Any thoughts?