I am using this method to render the data.
$("#foo").html(kendo.render(template, view))

Are  they any other code I can use to render the data ?

How to enforce the multiselect component to stay on a single line (when the user selects more elements than they fit in the width)?

Regarding the expected "inline" behavior, this: http://www.kendoui.com/forums/kendo-ui-web/multi-select/inline-multiselect-.aspx
seems to do the trick, but it's still not optimal because of the hardcoded size. Are there any plans to fix this?

regards.

I have a Kendo UI grid to which I want to pass a Model  that has data in it. Whenever I do sorting or pagination, I do not want to refresh , so I am trying to do ajax 

where VideoList is  List<TrainingVideo> and it works this way without ajax binding, however I am trying to do Ajax 


and Here is my ajax version

and controller has 

I followed the demo closely but could not make it work. Do you see any discrepancies?

 

http://jsbin.com/ofawul/3#/

This one's been bugging me but I finally isolated the scenario where is consistently occurs. Please refer to the jsbin link. The last item 'More' has a popover attached to it. This works ok on desktop browsers, but while I ran this in mobile safari, the popover appears then fades away immediately. I tried several workarounds (e.preventDefault() on the close of the popover, etc.) but with no success. 

Hi i have a grid and i need to plan a scheduler from this.
How can i get the timeslot where i dragged?

This is probably pretty trival but I haven't found the answer yet. When I set a grid to popup mode is there an easy way to show an in-progress icon? Until the form is submitted?

Hi,

I was trying to use kendoUI together twitter bootstrap, but there seems to bee just too many rendering glitches and problems :(.

What do you recommend? should users use it together, and if yes, what pitfalls should they avoid (for me the co-existence looks quite fragile) ?

The main problems seems to arise from the fact that the number of available kendoUI components is quite small compared to e.g. Sencha ExtJS, so Twitter Bootstrap et. co. seems to supply quite allot of this missing stuff, but than it breaks the existing ones :(.

regards.

I am facing an issue with sparkline chart's height.
It is not set by height,min-height,line-height.
Also the labels and base axis are also not displayed.

Hello,

I'm attempting to make a small change to the file: kendo.dataviz.black.min.css

The section changed in kendo.dataviz.black.min.css is the following:
.k-chart .k-mask
{
    /*orginal background-color*/
    /*background-color: #3d3d3d;*/
    background-color: #171717;   
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

The references to the files are the following:
    @*Kendo CSS*@
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.black.min.css")" rel="stylesheet" type="text/css" />

    @*Kendo Scripts*@
    <script src='@Url.Content("~/Content/js/jquery-1.10.1.min.js")'></script>
    <script src="@Url.Content("~/Scripts/kendo/2013.2.716/jquery.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></script>
    <script src="@Url.Content("~/Scripts/typescript/app.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>

The code for my chart is the following:
                 @(Html.Kendo().Chart()
                    .Name("chart")
                    .Title("% Long vs S&P 500")
                    .Theme("black")
                    ...

The chart renders perfect except it renders with default background color for the black theme #3d3d3d, instead of my altered #171717.

Why isn't this working?

Thank you.

Hi there,

After upgraded to version 2013.2.716, I found that the layout of editor toolbar is not correct if the editor is hidden when initialization and toolbar needs multiple lines. All icons in toolbar are in one line, exceeds the right boarder of editor. If I click the edit area, all icons are positioned correctly. Here is my test code (also attached):

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Kendo UI Editor Toolbar Issue</title>

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">

    <style>

        /* uncomment following line for a workaround */

        /* .k-editor-toolbar{ white-space: normal;} */

    </style>

</head>

<body>

    <h1>Kendo UI Editor Toolbar Issue</h1>

    <div id="editdiv" style="display: none">

        <div>

            <textarea id="editor" cols="30" rows="10"

                style="width:570px;height:300px"></textarea>

        </div>

    </div>

    <button id="show">Show Editor</button>

 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.web.min.js"></script>

 

    <script>

        $(function(){

            $("#editor").kendoEditor({

                encoded: true,

                tools: [ "bold", "italic", "underline", "strikethrough",

                    "justifyLeft", "justifyCenter", "justifyRight",

                    "justifyFull", "insertUnorderedList", "insertOrderedList",

                    "indent", "fontName", "fontSize", "outdent",

                    "foreColor", "backColor"]

            });

 

            $("#show").on('click', function(){

                $("#editdiv").show();

                $(this).hide();

            })

        });

    </script>

</body>

</html>

I found a temp work around though, add following line to my own css:
.k-editor-toolbar{ white-space: normal;}

Gong