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

i have a datetime picker.....


in $(document).ready(function (){........


User clicks a save button, post values back to server:



In my controller........



The string is in the format "Tue Sep 09 2014 12:00:03 GMT-0400 (Eastern Standard Time)".


What am i missing here? Why is this difficult at all? And how to i resolve the problem?

Hello,

Scheduler control corrupts page scroll if scheduler height is more than window height. Possibly scheduler internal logic stops propagation of scroll event to outside of a control work space. I tried to use useNativeScrolling: true but the issue remains. Are you know solution for this issue?

Thanks.

I have a Grid (Html version) implemented with CRUD operations that work perfectly. The Grid is bounded to a remote service.

Am looking for a way to block the user from initiating multiple service requests for any of the CRUD operations until a service response, either successful or failure, is received for the first/original request. For example, if the user deleted a row, the service takes a few seconds until completing the request and returns response to the client. If during that time the user tries to delete another row, the Grid actually sends two requests, one for the first row and one for the second row, which causes exception on the service due to the way it's implemented (something related to the SQL database and record is being already deleted along with some other complex logic).

Is there a way to achieve this?

Thanks!

Do you have an example or some hints about using a sortable listview but with AngularJS? The listview is coming from a remote dataSource.

Thanks in advance!
Sergio

Hello,

Currently user is able to enter any characters into NumericTextBox from mobile device (Android phone, for example). I've tested it on desktop browsers - an it works like expected. User cannot enter non-digits (IE, Chrome), event Chrome with mobile emulation works ok. But it does not work on mobile browser.

You can see it event on demo site http://demos.telerik.com/kendo-ui/numerictextbox/index, if you open it on the phone or tablet.

Is there any way to prevent user from entering invalid chars into the NumericTextBox?

Thank you

We are looking to upgrade to the latest official kendo ui pro version 2014.2.903 but have run into an issue with the angular directives we use for our charts. We want to use the standard html title attribute on the element for various reasons and not the built in tooltip for the chart.

Before attempting to upgrade it worked fine on 2014.1.528 using the angular-kendo.js directive factory from github.

Now kendo.angular.min.js is part of the official build and we tried using that.

It appears with the new version of kendo angular it is attempting to parse the title attribute as something kendo should use, as in an option attribute. Which is strange as all other options are prefixed with k-

Anyhow here is a plunker where I have two charts, one without the title attribute working correctly and one with that throws a javascript error.

http://plnkr.co/edit/cE6Qxe

This appears to only be a problem with DataViz / Charts and did not happen on a dropdownlist I tried.

Please get back to us on the resolution.

Thanks,
Rob.

Hello,

The grid is missing the 4px border-radius at the header, group-header and pager elements when using the bootstrap theme.

This counts also for the scheduler widget. The issue can be reproduced with the Kendo UI Bootstrap demo. I also attached a screenshot.

Regards
Holger