I'm trying to match the style of an existing application and the app has square pop-up windows with no border - and there's no border between the title and the body of the dialog. I'm wondering if I can use styling to achieve this same capability or if I have to use another method of displaying a window.

Thanks.

Jeff

Hi,
I'm having some trouble with the Kendo Grid not being created at all in my webpage.
I followed this tutorial:
http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/server-binding#client-side-events-and-server-binding
and tried all the methods provided.
I've verified that the connection DOES work, and that I can get data from the server.

Here's my Controller:
Here's my View:
I've checked using dev tool inspectors, and the grid doesn't show up at all.

Help Please! Thanks

Adding the newest kendo.d.ts to my project along with the jquery.d.ts file gives me the following error ...

'Duplicate overload signature for 'data''

This occurs on line 9699 of the file, where the code reads ...

Commenting it out works fine, but I do not like to have to mess with the vendor files like this. I am using the jQuery typescript definitions at Definitely Typed because the native jQuery one from the typescript website fails to even compile.

I am absolutely in love with Typescript, and I am adoring how Kendo integrates with it, but is there any chance this can get updated?

Hey guys

I'm using Kendo UI Mobile for quite a long time, and since the beginning I'm a bit disappointed with the ModalView. I think it should have more features that a regular View has. Examples and other ideas:

- Zoom
- Layout
- AfterClose event
- AfterOpen event (or beforeOpen? Can't remember right now if the open event is triggered after or before the opening animation)
- URL parameters
- Possibility of specifying different sizes for tablets
- Automatic height (is this achievable on current version?)

The app we're working now needs a image viewer, and we thought that the ModalView would be best for this, to not interfere with the navigation flow, but the lack of zoom hindered that idea.

So I ask, please, give more love to the ModalView!
Thanks!

Hi I'm a newbie in Kendo UI Mobile, I wanted to know how to make a modalview appear on the center of the screen, just like the one in the demo (demos.kendoui.com/mobile/modalview/index.html). I've been trying to manipulate the CSS but still can't find the easy way to do it.

Another question is also what is the best way to center all the contents in the ModalView?

By the way here's my code, which as you can see the ModalView appears on the top left of the screen instead of in the middle:
Thanks heaps!

Dede

Hi - quick question,

I want to pre-populate the editor with  inputs of different types (<input> tag such as textboxes, checkboxes, etc.) then have the user fill out these inputs and then when the user saves, i will go and grab the form input values and post them to the server.

this seems fairly straightforward, and the Editor renders all of the inputs on the form perfectly, but when i use jquery to peer into the $("#editor").data("kendoEditor").value(); object, none of the inputs values have been populated with the data entered. now, if i type into the editor window in another location (not in the input), then i can see those changes in the value option just fine. does the Editor accommodate this? or am i just missing something?

Thanks,

I have a treeView that gets created with a template. Similar to:

        treeView = $("#treeView").kendoTreeView({
            dragAndDrop: true,
            select: onTreeViewSelect,
            dataSource: [
... datasource contain entries with id's and types.
            ],
            template: "#= item.text #<input type='hidden' class='data-id' value='#= item.id #' /><input type='hidden' class='data-type' value='#= item.type #' />"
        }).data("kendoTreeView");

This allows me to get the id and type of a node. This works great during initialization, however I also have a button that allows users to add new nodes to the tree.

The problem is that when I add a node to the tree via:

                                treeView.append({
                                    id: data,
                                    text: 'SomeText',
                                    type: 'organizationFolder',
                                    template: "#= item.text #<input type='hidden' class='data-id' value='#= item.id #' /><input type='hidden' class='data-type' value='#= item.type #' />"
                                }, selectedNode);

It does not get the template applied. (In the example posted, I also attempted to set the template explicitly in the node. I have tried it without as well and it still does not work).

Is this a known issue? Is there any workaround for this?

Hi,

I'm looking to conditionally render HTML-encoded values or literal values depending on a javascript property, such as the following:


But all the hash marks reduce readability and are error-prone. What is a better way to handle this?

Thank you.

Using Kendo UI Mobile v2013.1.319 and PhoneGap 2.6.0 (iOs), I'm no longer able to open links in the Safari browser.

This worked well on previous versions:

But now it still opens in the same webview as the app itself. 

Any tips how to force the links to open externally? Preferably without using javascript.  

Here i am attaching the code and php file .........i can read the data from the data base .but  cant update and delete...
after deletion value still in the database.. please help me..
<html>
<head>
<title>GRID PHP</title>
<link rel="stylesheet" href="CSS/kendo.common.min.css" />
<link rel="stylesheet" href="CSS/kendo.blueopal.min.css" />
<script type="text/javascript" src="JS/jquery.min.js"></script>
<script type="text/javascript" src="JS/kendo.all.min.js"></script>
<script type="text/javascript">
$(function() {
   $("#grid").kendoGrid({
                        dataSource: {
                            transport: {
                                read:{
url: "data/Fetch.php",
                dataType : "json",
//type: "GET"
},
update: {
                url: "data/Update.php",
                type: "POST"
            },
destroy: {
                url: "data/Delete.php",
                type: "DEETE"
            },
create: {
                url: "data/product.php",
                type: "PUT"
            },
error: function(e)
{
            alert(e.responseText);
        },

                                           
                            },
                                       //batch: true,
                            schema: {
data: "data",
                                model: {
                                                 id: "pid",
                                    fields: {
                                        pid: { editable: false },
                                        name: { type: "string",validation: { required: true}},
                                        price: { type: "number",validation: { required: true} },
description: {type: "string"},
                                    }
                                }
                            },
                            pageSize: 10
                        },
                         editable:  "popup",
                        height: 400,
selectable : "row",
                        //filterable: true,
                        //sortable: true,
                        pageable: true,
                        toolbar: ["create","save"],
                        columns: [
{
                                field:"pid",
                                title: "PID",
width:"50"
                                //filterable: true
                            },
{
field: "name",
title: "Name",
attributes: {style: "text-align: center; font-size: 14px;"},
},
{
field: "price",
title: "Price",
width:250
},
{ 
title: "Description",
field: "description" 
},
                                      
{ command: [{text:"Edit", name:"edit"}, 
{text:"Delete",name: "destroy"}], title: " ",width:200 }
                        ]
                    });
function detailInit(e) {
// get a reference to the current row being initialized
//var detailRow = e.detailRow;

// create the datasource
}
}); 

</script>
</head>
<body>
<div id="grid"></div>
</body>
</html>