i'm using window for show content, all is ok but animation not work.

My code:

$("#window").kendoWindow({
        modal: true,
        width: "250px",
        height: "150px",
        title: "Title",
        actions: ["Refresh", "Maximize", "Close"]
    });
$("#open").click(function () {
        $("#window").data("kendoWindow").center().open();
    });
$("#close").click(function () {
         $("#window").data("kendoWindow").close();
    });

What is wrong?
Window have default animation?
Thanks.

I have two separate js files. one contains a kendo observable object. when I set viewmodel's object property from another js file, the object is set but object's properties are still undefined.

<script type="text/javascript">
    var previewModel = kendo.observable({
        question: {}
    });
    kendo.bind($("#preview-question"), previewModel);
</script>
<div id="preview-question">
    <div data-bind="text: question.QuestionText"></div>
</div>

another-js-file.js
previewModel.set("question", ko.toJSON(self.question()));

this code sets the question object but its properties still undefined.

Hi im trying out KendoUi Mobile and need some help

I want to style a view with my own style (backgrounds etc.)
The app should load the different views from a database and each view may have its own backgrounds etc.
So what i want to do is :
<div data-role="view" data-layout="overview-layout" id="testview" data-title="testview title" style="
background:url('.$pageinfo['backgroundimage'].');
background-repeat:no-repeat;
-moz-background-size:100% 100%;
background-size:100% 100%;">

In this case i need the background image to fill the screen even if there is no content

It seems like when rendering my custom styling is not used at all.


Any solutions ?

Thanks alot guys.

Tom

Hi,
I am in the process of updating our Company Website and found Kendo UI, which seems exactly what I need.
Though, there is one problem I came across, which seems like I can't find an easy solution to it. We are using Graphs (mainly bar and line) and I would need a dropdown field/html code in the title of the chart (or anywhere else in/on/around the chart).
When I try HTML code in the Title, it either just doesn't work or messes everything up.

The only solution I can think of, is with another div unrelated to the chart, but this would be a really unsatisfying solution. So I was wondering, is there any way this can be done or added?
Otherwise this seems like a really great product!

Cheers,
Markus

Hi!
I have following issue: if "this" keyword used in source binding, MVVM recreates the whole DOM starting from this node if any child value of "this" observable model changes. here is a fiddle to reproduce it:
http://jsfiddle.net/uBgnr/21/ 

If instead of "this" model member is used, DOM is not recreated, here is another fiddle:
http://jsfiddle.net/uBgnr/20/

In this case I could avoid this behavior, but I have following scenario and I could not change data structure:
I have an array of elements to be bind in a div. But the problem is: each of element has it's own template, stored in field "template", so I could do following:

this will work, but as I said if any child field of  my view model will be changed, MVVM recreates div with "source:this" binding

using "#if" inside element template is not an option, templates are huge, and could be used also not only within "elements" binding, so I need to copy/paste them, its dirty. 

Suggestion: it would be nice something like this:

Please help.

Hi Kendo guys,

When I try to force platform blackberry on android, all the icons show blank boxes.


Everything works great on the desktop browsers, i.e. Safari and Chrome, but on Android I get empty boxes.

I tried to debug the issue, using Chrome Debug Console, I found that I can replicate the same on Desktop by removing the tick from the style:

If I use, ios or android as platform, everything works. Except the blackberry.

On a side note, I already tired this CSS and it has no impact.

Any solution?

Hello,

I want to create an admin module to create states/provinces. I have a database with two tables, states and countries.
In the states table, we have a name and country_id, referring to the table countries.

I've used CRUD for the countries, which is working great.

For the states i collect the data: states.id, states.name, states.country_id, showing in the table.
When i edit a row (popup), I use a kendoDropDown which is also working correctly. 

Now what i want to achieve is when showing the grid, i don't show the country_id, but i want to see the corresponding countries.label.

I've tried to change the transport:read to remove the country_id and replacing it with countries.label, but then the combobox isn't working properly. 

Can anybody help me?

Thanks,
vince


I use the following code:
$(document).ready(function () {
            var crudServiceBaseUrl = "/crm/api.php?",
                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read:  {
                                    url: crudServiceBaseUrl + "class=States&action=view",
                                    dataType: "json"
                                },
                                update: {
                                    url: crudServiceBaseUrl + "class=States&action=update",
                                    dataType: "json"
                                },
                                destroy: {
                                    url: crudServiceBaseUrl + "class=States&action=delete",
                                    dataType: "json"
                                },
                                create: {
                                    url: crudServiceBaseUrl + "class=States&action=add",
                                    dataType: "json"
                                },
                                parameterMap: function(options, operation) {
                                    if (operation !== "read" && options.models) {
                                        return {models: kendo.stringify(options.models)};
                                    }
                                }
                            },
                            batch: true,
                            pageSize: 30,
                            schema: {
                                model: {
                               id: "id",
                                    fields: {
                                        id: { editable: false, nullable: true, type:"number" },
                                        name: { type:"string", validation: { required: true } },
                                        country_id: { type:"string", validation: { required: true } },
                                    }
                                }
                            }
                        });


                    $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        height: 400,
                        toolbar: ["create"],
                        sortable: {
                            mode: "single",
                            allowUnsort: false
                        },
                        filterable:true,
                        columns: [
                            { field:"id", title: "ID" , width: "80px"},
                            { field: "name", title:"Name"},
                            { field: "country_id", title:"Country", editor: cntry_combo_editor},
                            { command: ["edit", "destroy"], title: "&nbsp;", width: "185px" }],
                        editable: "popup"
                    });
                });
           
function cntry_combo_editor(container, options) {
                $('<input name="' + options.field + '"/>').appendTo(container).kendoDropDownList({
                            autoBind: false,
                            dataSource: {
                                type: "json",
                                transport: {
                                    read: "/crm/api.php?class=Countries&action=view"
                                }
                            },
                            optionLabel: "Select Country",
                            dataTextField: "label",
                            dataValueField: "id"
                        });
            }

I posted a ticket on September 1st, I know its weekend, thus I waited until its business days! Now its more than 48 hours since business days started, and yet no response to my ticket. Keeping in mind that I have 48 hours dead line reply.

Its a great product, and support seemed fine on forums and its what made me buy the product. But once you buy, no more support?!

Update: Support replied to my ticket and apologized for the delay. 

Hi,
i need to add some new button on toolbar. 

I try to define a toolbar options like this

  toolbar: [{name:"Nuova Attivit&agrave;",  imageClass: "k-icon k-add" },
               { name: "Ricerca", className: "k-grid-ricerca", imageClass: "k-icon k-i-search" },
               { template: $j("#Toolbar").html() } 
],

....and the script template:

    <script type="text/x-kendo-template" id="Toolbar">    
<form id="frmSearch" name="frmSearch" style="display:none">
<label class="nome-label" for="nome">Nome:</label>
<input type="nome" id="nome" style="width: 130px"></input>
</form> 
    </script>

i try to select the custom class k-grid-ricerca but it doesn't work.

$j(".k-grid-ricerca").click(function(){
alert("hello");
});

do you have some solutions? Thanks

Hi,

I am a bit of a novice and was hoping to get some help with a line chart that I am working on.  The code for the chart is pasted below.  For whatever reason, I am unable to see the plotbands.  What am I doing wrong?

Thank you,
Jon