if i have a function like

displayMessage = function (displayTitle, display) {
                $("<div></div>").kendoWindow({
                    animation: {
                        open: {
                            effects: "slideIn:left fadeIn",
                            duration: 500
                        },
                        close: {
                            effects: "slide:left fadeOut",
                            duration: 500
                        }
                    },
                    visible: true,
                    title: displayTitle,
                    modal: true,
                    width: "50%",
                    deactivate: function () {
                        this.element.closest(".k-widget").remove();
                    }
                }).data("kendoWindow")
                .content(display)
                .center()
                .open();
            }

and call the method:

displayMessage("Test", "<label>Hi there</label>");

In firefox, safari, chrome, ie9 this works.

In ie8 the window pops up. The title is shown but the content is blank, nothing is there. Why is the content not showing?

Thanks,

Hey all,

I'm coming across some strange issues.  In my "create" button on my kendo MVC grid (using the defaults for the grid, such as:
.ToolBar(commands => commands.Create()

1] I can't override the default width of the window with the "min size" properties, or any other html attributes to work when creating a window from the create / update button within a grid.  I basically want it to be a square, 450x450, and can't accomplish this by adding in new { @style="height:450px; width:450px"} or the minHeight/minWidth property of the window inside my grid. 

What do I do to get the popup-edit window in my grid to seize according to my definition?

2]  In my grid, I have this:
.Editable(editable => editable.Mode(GridEditMode.PopUp)
                                                .TemplateName("PolicyViewModel")
                                                .Window(window => window.Title("Manage Policy"))))

In a SharedTemplate for the editor pop-up window, I have a couple of drop downs, e.g.:
@(Html.Kendo().DropDownListFor(m=>m.SourceId)
        .SelectedIndex(0)
              .DataTextField("Name")
              .DataValueField("Id")
              .Value(Model.SourceId.ToString(CultureInfo.InvariantCulture))
              .BindTo(ViewBag.sources))         

The drop down binds perfectly well, but on submitting the data, my selections (and defaults) are always ignored / never sent over the wire.  I'm not too sure why at this point...

Why oh why is that the case?  What am I doing incorrectly?

try to auto redirect users to home page after execute 

listView.remove(listView.element.children().first()); 

using command window.location.href="account.php?do=dashboard";  for redirection, however page is redirected but the record still there.

please help

I know that you can apply a template to a field in the grid to display an empty string instead of a null, but can you do the same thing for the resulting field in the popup edit window?  The following is what I have, but is filling the Address2 textbox with 'null' when the popup is displayed.

$(document).ready(function () {
                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read: {
                                    url: "@Url.Action("Read", "Address")"
                                },
                                update: {
                                    url: "@Url.Action("Update", "Address")",
                                    type: "POST",
                                    complete: function(data) {
                                           $('#grid').data('kendoGrid').dataSource.read();
                                           alert("Address successfully updated");
                                        }
                                },
                                  parameterMap: function(data, operation) {
                                    if (operation != "read") {
                                        // post the products so the ASP.NET DefaultModelBinder will understand them:
                                        var result = {};
                                        for (var i = 0; i < data.models.length; i++) {
                                            var address = data.models[i];
                                        }
                                        return address;
                                    }
                                }
                            },
                            batch: true,
                            pageSize: 30,
                            schema: {
                                model: {
                                    id: "AddressID",
                                    fields: {
                                        AddressID: { editable: false, nullable: false },
                                        Address: { type: "string", validation: { required: true} },
                                        Address2: {
                                            type: "string",
                                            template: "#= (Address2 == 'null') ? ' ' : Address2 #"
                                        },
                                        City: { type: "string" },
                                        State: { type: "string" },
                                        Zip: { type: "string" },
                                    }
                                }
                            }
                        });

            $("#grid").kendoGrid({
                dataSource: dataSource,
                pageable: true,
                height: 400,
                columns: [
                            { field: "Address", title: "Address", width: "250px" },
                            { field: "Address2", title: "Address2", width: "200px"
                                , template: "#= (Address2 == 'null') ? ' ' : Address2 #"
                            },
                            { field: "City", width: "100px" },
                            { field: "State", width: "100px", maxlength: "2" },
                            { field: "Zip", width: "100px" },
                            { command: ["edit", "destroy"], title: "&nbsp;", width: "210px"}],
                editable: "popup"               
            });
        });

I apologize for the double submissions

i have template in an external file like this

BooksLibrary.htm

<ul id="vid">
    <li class="panel"><a href="http://demo.fabthemes.com/valor/video/bioshock/">
        <img width="150" height="200" src="../../BookImages/${BookImageName}" class="v-image wp-post-image"
            alt="46" title="46" /></a>
        <button id="ViewDetail" class="k-button" type="${Book_Id}">
            Have a Look</button>
    </li>
</ul>


and in my script file i want to load this template

var templateMarkup;
$(function () {

    $.get("../Templates/BooksLibrary.htm", function (data) {
        templateMarkup = kendo.template(data);
    });

    var dataSource = new kendo.data.DataSource({

        transport: {
            read: {
                type: "POST",
                url: "../Service/books.svc/AllBooks",
                contentType: "application/json; charset=utf-8",
                dataType: "json"

            }
        },

        schema: {

            parse: function (data) {
                return JSON.parse(data.d);
            }
        },
        pageSize: 10
    });

    $("#casing").kendoListView({
        dataSource: dataSource,
        template: templateMarkup
    });
});

but data is not populated.
please help me where i did wrong, if i place template not in external file List View easily bind but i want to load template from external file

Nevermind.

Does anyone know how to convert:

detailTemplate: kendo.template($("#template").html()),
detailInit: this.initializeDetail,

to declarative syntax?

Additionally, does anyone have a link to documentation that lists all the declarative data- attributes?

EDIT: Found this: http://demos.kendoui.com/web/mvvm/widgets.html

Thanks!

Jesse

Hi,
I need to get dinamically the screen size of all mobile device from a webpage using javascript. I have tried this:

//get windows size
if (document.body && document.body.offsetWidth) {
 windowsWidth = document.body.offsetWidth;
 windowsHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 windowsWidth = document.documentElement.offsetWidth;
 windowsHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 windowsWidth = window.innerWidth;
 windowsHeight = window.innerHeight;
}

but on iPad I get these size: 980 x 1080 (not the real 768 x 1024).

Thanks Mauro

I am looking at using the KendoUI framework.   How would one determine which way to go once a user navigates to your website?. Example would be have a seamless transition to the best  interface for the end device.... to instigate a grid control for your "PC" users or a list view / mobile application for your mobile device users.