Hello,

I just opened up the MVC 4 Kendo UI project I am working on and the dev environment prompted me to update my project to 2014.1.318. I did so and let it do it's thing which took about 10 minutes. All is well except for my kendo bundles path not being correct anymore due to the upgrade changing the folder name to a version specific folder (I wish it didn't do that). Anyway, updating the path in the BundleConfig is easy enough and I fired up the site and thought all was well...until I went to add a record to a table to a grid (it was previously working, I have about 10 grids that were working and now none of them are as far as adding, updating and deleting). The grid is using InLine edit mode and is for maintaining a very simple 2 column table with ID and Description. Nothing complicated. Everything was constructed using the examples and documentation.

When I go to update, the grid does kick the row into edit mode and allow me to change the description, but when I click the update button nothing happens and I see that there is  JavaScript syntax error somewhere. I do a little debugging and find that in jquery-1.8.2.js on line 5303:

expr at this point equals [type='checkbox'] at this point. I am not using any checkboxes in my app.

Anyone?

Hello,

i have Kendo Scheduler with adaptive Rendering Mobile(Mibilemode.Phone) On phone day and month view Display good but in month view i only see dots. So i want to set font size to smaller for month view and increase cell width. But have no success so far.can we have a separate Event template only for monthview? This is how my code looks
.Views(views =>
    {
      
        views.MonthView(workmonthView => workmonthView.Selected(ViewBag.ShowMonth).EventTemplate("<span class='smallText'>" +
                   
                    "#= title #" +
                "</span>"));
    })

and style is
.k-scheduler-monthview .k-scheduler-table td {

height:100px !important;
width:100px;
}
[role-gridcell] {
height:100px !important;
width:100px;
}
.smallText {
font-size: 1.2em;

}

Thanks

Anamika

Hi,

I have a 30 day trial licence of Kendu UI and I am struggling with the documentation.  What would be great, would be a mini-site for each Kendo UI element which clearly shows all the documentation.  For example:

Validator
- Overview
- Configuration
- Demos
- Forum threads
- Code library
- Issues
- Stack overflow

Instead what we have is validator documenation in different parts of the site:
http://docs.telerik.com/kendo-ui/framework/validator/overview - located under "Framework and Utilities - Validator - Overview"
http://docs.telerik.com/kendo-ui/api/javascript/ui/validator#methods-validateInput - located under "API Reference - Javascript - Ui - Validator"
http://demos.telerik.com/kendo-ui/validator/angular - not referenced in the above menus.
http://www.telerik.com/forums/kendo-ui/validation - link only appears in the footer for the above link but not for the first two
http://www.telerik.com/support/code-library/kendo-ui/validator - as above
https://github.com/telerik/kendo-ui-core/issues?q=is%3Aopen+is%3Aissue - not linked anywhere (as far as I know)
http://stackoverflow.com/questions/tagged/kendo-ui

All this makes it very difficult to make sure you have read all the relevant documentation and seen the examples.  I am also sure there is a link to your bug tracking system which people ought to be aware of.

These comments can equally apply to any of the Kendo UI elements.

Do you think these points are fair / do you have any plans to improve the documentation?

Many thanks

Hi,

I am trying to setup MVVM with data coming from remote DataSource. Following is my data:

{ "Id": "N0001", Name="test" }

I am trying to use the following code to load data from remote source and bind it to the page:

<div class="row">
<div class="span1">Id:</div>
<div class="span7" data-bind="text: Id"></></div>
</div>
<div class="row">
<div class="span1">Name:</div>
<div class="span7" data-bind="text: Name"></div>
</div>

<script type="text/javascript">
$(document).ready(function () {
var dataSource = new kendo.data.DataSource({
transport: { read: "/api/Institution/1", dataType: "json" },
schema: {  model: {  id: "Id",  fields: {  Id: { type: "string" },  Name: { type: "string" } }  }  }
});
dataSource.read();
var viewModel = kendo.observable({
inst: dataSource.view()[0]
});
kendo.bind($("div#InstitutionHeader"), viewModel.inst);
});
</script>

Unfornately, this code does not work.  I am wondering if you have any sample code to do so.  (You have some sample code using you UI widgets with remote data.  You also have sample to do MVVM using array data.  But, I could not really find sample code combining MVVM with DataSource.)

Besides this, I am trying to use WebApi (MVC 4) to expose some simple readonly data points.  I used to use jQuery ajax to load and display them on page.   After watching your demos, I am wondering if I should use DataSource and/or MVVM for these?  When using with live / editable data, MVVM makes sense, how about readonly data?  What is best KendoUi approach to do this kind of "bind once" scenario?

Thanks in advance.

I've used Kendo Grid for showing data.It seems data is passed correctly because when I tracing my code in run time, I see there are some data in result but Kendo Grid couldn't show the data. How can I solve this problem?
For more information please visit below link.
http://stackoverflow.com/questions/25833503/data-not-showing-in-kendo-mvc-grid
Data not showing in Kendo MVC Grid

I have a data source that is grouped to create a multi-series line chart.  The category axis values for each series do not include all values seen in all other series, so I am using the series' "categoryField" property instead of the categoryAxis' "field" property.  

I want to toggle between two types of information for the category axis.  When the category axis is set to display date information, everything displays nicely.  However when the category axis is switched to display a different type of information, the series are not plotted over-top of each other but instead side by side.  This is in spite of the fact that the category axis values should be intermixed between the series.

See my example here:  http://jsfiddle.net/yd6oxkfm/1/

When the Id toggle is clicked, the series are sorted by Id within each series, but the overall axis data is side by side (and not in sorted order), unless both series happen to have data for the same Id number.  How can I get the series to plot as nicely for Id as they do for Date?

Hi

For the above grid, how should I design the json file so that I can call it locally?

I have attached a file, please let me know if the format is correct? if not what is the correct format?

Regards
Vinay

Hello

Is this possible to create slider that have multiple handles? Not only 1 or 2.

I need to define multiple ranges e.g 0-20-40-50-60-100
And user should be able to change that ranges, add new handle between, move around, etc.

I just wonder if I can achieve that using Kendo.

Here are examples what I would like to have using jquery-ui:
http://stackoverflow.com/questions/18094111/multi-handle-slider-mvc
http://stackoverflow.com/questions/10485075/slider-with-multiple-handle-and-background-color-for-content
http://stackoverflow.com/a/13838802/1164761

Kind Regards
Marcin

We are interested in reducing the amount of code needing to load on our website. If we were just wanting to use some specific Kendo components, like Switch, what are the bare minimum Javascript and CSS files that would be required to get Switch to work?

If we want to use a few other components individually, how would we go about figuring out which JS/CSS files are necessary for those (so we don't have to ask about each one individually)?

Hi,

I have the below grid created in .cshtml
.cshtml
@(Html.Kendo().Grid((IEnumerable<FundFeeModel>)null)
                    .Name("Grid")
                    .Columns(columns =>
                    {
                        //columns.Template(@<text></text>).ClientTemplate("<input type='radio' id='rdoselect' value='#=FlatFeeId#' onclick='Javascript:SelectFlatFeeRecord(this)' name='group1' />").Width(90);
                        columns.Template(@<text></text>).ClientTemplate("<input type='radio' id='rdoselect' value='#=FundFeePeriodId#' onclick='Javascript:SelectFundFeePeriodRecord(this)' name='group1' />").Width(90);
                        columns.Bound(p => p.FeeTypeId).Groupable(false).Title("Fee Type").Visible(false);
                        columns.Bound(p => p.FeeTypeName).Groupable(false).Title("Fee Type").Width(300);
                        columns.Bound(p => p.SDate).Title("Start Date").Width(200);
                        columns.Bound(p => p.EDate).Title("End Date").Width(200);
                    })
                    .Pageable()
                    .Sortable()
                    .DataSource(dataSource => dataSource
                    .Ajax()
                    .Read(read => read.Action("GetPeriodwiseFundFees", "FundFee"))
                    )
                    .Filterable()
                    .Pageable(pager => pager.PageSizes(new int[] { 10, 15, 20, 25, 30 })))

From the .js file i am able to hide the bound columns using the following syntax - 
control.hideColumn('FeeTypeId');
control.hideColumn('FeeTypeName');
control.hideColumn('SDate');
control.hideColumn('EDate');

Question - How can I hide the Template Column by setting an Id/Name and using that Id/Name to hide the column from .js?

Note: control.hideColumn(0) doesn't meet my requirement as I need to set this asned on user access permission.

Thanks