I'm new to Kendo UI and in the process of evaluating it.

In the process of learning KendoUI, I tried the demo of DropDownList.
But when I duplicate the demo's HTML on my ASP.NET MVC view, I couldn't get the arrow to how up.

Following the Demo, I made sure that I have the CSS and JS referenced in the demo HTML.

<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>

But I still can not get the arrow to appear.
Am I still missing something?

Hi Team,

 We need to implment Custom column chooser.

Example: Column chooser would be a popup where user will select the columns which are required

not able to understand how to start.

Technology : MVC 3
                      Kendo Grid
this is the way we are using right now:

Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
        .Name("Grid")
        .Columns(columns =>
{
columns.Bound(p => p.ProductID); //Create a column bound to the "ProductID" property
columns.Bound(p => p.ProductName); //Create a column bound to the "ProductName" property
columns.Bound(p => p.UnitPrice); //Create a column bound to the "UnitPrice" property
columns.Bound(p => p.UnitsInStock);//Create a column bound to the "UnitsInStock" property
})

I have a corner case.  Here are the facts:
* I have a view that is mostly a simple form with input fields of: radio and text
* Native scrolling is set to true on the view  (..because of scrolling issues when native scroll is off - http://docs.telerik.com/kendo-ui/getting-started/mobile/native-scrolling ).
* The view contains a header and footer
* The first 3 input field are a grouped radio button selector.
* Selecting/changing the radio button option works on the emulator and most devices : iPhone, iPad, Android: HTC One
 
THE PROBLEM: On Samsung S3 and S4  when selecting an unselected radio button the row flash and you see a checkbox quickly but the selector does not change to that row. However if you click on the view and scroll down even 1 pixel selecting a radio button now works again.  If you scroll back to top the radio buttons do not work again. 

I tried progamatically moving the content section down after loading in all the form data but that does not fix it like I hoped.

Any suggestions - I am all ears.  This is the last issue I have before submitting it to the Google store.

Hello Telerik-Team,

i have a problem with DropDownList in Internet Explorer 9,10 and 11. When I use this template:

<div style="display:table-cell;width:auto;"><div id="${ data.Periode}">${ data.Periode}</div></div><div style="display:table-cell;width:auto;"><div id="${ data.Bezeichnung}">${ data.Bezeichnung}</div></div>

when initializing the DropDownList, the Popup is closed when i click into the scrollbar.

When i remove the template description, everything works fine.

Here's my init:

.kendoDropDownList({
                dataTextField: "Periode",
                dataValueField: "Periode",
                dataSource: dataSource,
                template: "<div style="display:table-cell;width:auto;"><div id="${ data.Periode}">${ data.Periode}</div></div><div style="display:table-cell;width:auto;"><div id="${ data.Bezeichnung}">${ data.Bezeichnung}</div></div>",
                optionLabel: defaultEntry 
            });

Thank you very much!

I am initializing a datetimepicker element declaratively like this:


when I later on try to get a refence to the datetimepicker object, I use


but all I get is null. How come?

Hi,
i am newbie to KendoUI. Can I use a KendoDropDownList in a Template defined in a scritp ?

Hi,

I've noticed that when scrolling through grid using remote virtualization, except for the initial call for data (which only happens once), when scrolling down, every time it needs more data it makes two requests with the exact same request, please see my screenshots attached.

The first screenshot shows the information from the initial data loading call; see how it only requests the top 100.

The two other screenshots are after I scrolled down on the grid until the loading animation showed.  Then two requests are made and as the screenshots show, the requests are identical - both requesting the top 100 after skipping 100.

These screenshots were taken using Google Chrome (haven't tried in other browsers), and using your demo page as the test page.

We have a web application using remote virtualization and it is happening in our app with our query, which is extremely large but it seemed to be taking even longer than expected to run, which made me find this issue - it actually causes the server to run the query twice. Could someone please look into this asap as we are trying to create a demo-able proof of concept and at the moment, this doubling of an already slow query is not helping us sell our concept.

I am trying to handle the keyup function on a kendocombobox however it seems as though I can only use the change event. Is there a way to catch the keyup events as well?

HTML:


    

In the latest build (2013.3.1414) and previous builds, the value(value:number):void method in RangeSlider is incorrect.  It should be:

value( value: Array<number>): void;

When a file is uploaded I need to change the saveUrl to add parameters for a post. This code has no effect on the saveUrl. 

function onUpload(e) {
                    var upload = e.files;                   
                    
                    if (upload[0].extension != ".xml") {
                        alert("Only Xml files can be uploaded");
                        e.preventDefault();
                    }
                    else {
                        e.data = { fileName: upload[0].name };
                        kendoConsole.log("Upload :: " + getFileInfo(e));
                    }


                    //get the options and add to the Url
                    var option1 = $("#actions").val();
                    var postUrl = "PostViewData.svc/FileUpload/" + option1;
                    this.options.async.saveUrl = postUrl;
                }
How can the saveUrl be modified?

$("#files").kendoUpload({
                        async: {
                        saveUrl: "PostViewData.svc/FileUpload",                            
                            autoUpload: false
                        },
                        multiple: false,
           showFileList: true,
                        select: onSelect,
                        upload: onUpload,
                        success: onSuccess,
                        error: onError,
                        complete: onComplete,
                        cancel: onCancel,
                        remove: onRemove,
                        localization : { uploadSelectedFiles: "Upload"}
                    });

This is similar to adding a query string... saveUrl is already committed by the time the event onUploadFires?