Questions on Kendo UI for jQuery Forum

1 answer

96 views

Line Chart Notes Issue with latest version of Kendo UI

Hi,

We are currently using an older version of kendo - 2013.2.918 and it renders html content correctly when using kendo.template for Line
Chart Notes. The example is prototyped here: http://jsfiddle.net/S6zny/

However, after upgrading to latest version – 2014.1.318, the html content no longer
works as intended for notes labels in charts. The example is prototyped here: http://jsfiddle.net/S6zny/1/

Is there something that can be done, to display html content for labels line chart notes with latest version? We are seeing huge performance improvement in our application after trying new kendo build but this one small issue is stopping us to release to production.Appreciate the prompt response or workaround.

Thanks,
Deepak

Charts

answered on 16 Apr 2014

1 answer

174 views

touch/click event propagated to new view in app.navigate()

In our App, we see that sometimes, a call from a click event (via touch on the device) is propagated to the new view that we navigate to.

For example, assume that we have a list with multiple entries, each one taking us to a different view - we see that in some cases, when tapping the item and performing the navigation, the button/element (in the new view) that is under where the finger was in the original (pre-navigation) item is clicked after the navigation.

This seems to be solved with some combination of setTimeOut(function() { app.navigate(target) }, X) -

on iOS7 with an iPhone 5S X == 0 works, but for an older Nexus phone, we need to set X == 20 to work.

Obviously, this is a hack, and seems like a bug that really should not happen.

Is there a way to eliminate it via a Kendo option or something? Is it related to the 300ms delay between touch and click events?

Application

answered on 16 Apr 2014

1 answer

120 views

How to prevent user input in DateTimePicker?

I want to prevent user from type in words in DateTimePicker, only allow they to pick up a time through the pop up time panel.

I have a workaround: set the input to 'readonly' after kendoui initilization. However, it has a shortcoming: it shows a forbidden icon when mouse hover on dateTimePicker, this will confuse the customer.

Anyone can tell me how to prevent user input, while not throwing a disabled icon?

DatePicker

answered on 16 Apr 2014

3 answers

147 views

app.showLoading() Display Issues on Android Devices but not in Simulator

We've had a nice loading overlay working for awhile now, however the app.showLoading() appears to be applying some new dark/tinted affect on Android devices after our latest 2014 Q1 Kendo update. It currently does not do this on the Android simulator and/or iOS devices... As a result, I can't identify what is causing this dark/tinted behavior. I already have a white/light overlay with an opacity of .8 that I want to use.

Does anyone know what style and/or settings I could apply to disable this on Android?

See the screenshots...

Application

answered on 16 Apr 2014

3 answers

99 views

iOS native select stays active after navigating to previous screen using back button

When running on iOS when you have a series of select inputs and you activate one having the native select widget appear on the bottom. When you hit back navigation button and the view goes backwards the native select widget stays active and on top.

This does not happen with input fields.

I am running the latest public build.

General Discussions

answered on 16 Apr 2014

1 answer

186 views

[Solved] Adding row after grid sort results in undefined

If I add a grid row and save it, it works. If I have sorted the column first and then add a row upon saving it shows the data as "undefined". Is there something wrong with my grid configuration?

Here's a link to an example: http://trykendoui.telerik.com/OnUm

Grid

answered on 16 Apr 2014

1 answer

275 views

TabStrip Content template

Is it possible to have a TabStrip widget render content using a template?
The goal here is to have something of a client card. For each card I want a tab with the Name. The content should be based on a template. I want to create an event that would allow the user to add a new item to the model and have that reflected by the tab strip[New tab, with items content rendered using the template]

Sample Data:

[{ Name: "Program 1", selectedClient: null, clients: clients},

{ Name: "Program 2", selectedClient: null, clients: clients},

{ Name: "Program 3", selectedClient: null, clients: clients}]

<div id="tabStrip" data-role="tabstrip"

data-bind="source: myModel"

data-text-field="Name"data-content-field="myTemplate">

</div>

<script type="text/x-kendo-template" id="myTemplate">

<div>

<div class="window-row">

<div class="form-label">Client:</div>

<div id="clientDropDown" data-role="combobox"

data-filter="contains"

data-bind="value: selectedClient, source: clients"

data-text-field="Name"

data-value-field="Id"

data-min-length="3" />

</div>

</script>

General Discussions

answered on 16 Apr 2014

2 answers

274 views

Problem getting multiselect values to the controller

Hello,

I'm using a multiselect and i have a problem returning the value of the multiselect to the controller while using a ajax call.

@(Html.Kendo().MultiSelect()

.Name("BaPaymentMachine")

.Placeholder("Please choose BA")

.DataTextField("Id")

.DataValueField("Id")

.DataSource(ds => ds.Read("GetAllBaPayment", "Report"))

.HtmlAttributes(new { @style = "width:200px;" }))

Model

public class SearchViewModel

{

public List<string> BaPaymentMachine { get; set; }

}

Controller

[HttpGet]

[OutputCache(Duration = 0)]

public ActionResult _GetReportPartial(SearchViewModel model)

{

do stuff to model

return PartialView(model);

}

Ajax call

var ba = $("#BaPaymentMachine").val();

alert("ba:" + ba);

$.ajax({

type: "GET",

url: '@Url.Action("_GetReportPartial", "Report")',

data: { BaPaymentMachine: ba },

cache: false,

success: function (data) {

var newBox = "<div id='reportmap' class='width:100%'>" + data + "</div>";

$("#result").html(newBox);

$(".loaderrepport").fadeOut("slow");

},

error: function () {

showerror("There was a problem getting the values, please try again.");

$(".loaderrepport").fadeOut("slow");

}

});

If i run this with an empty multiselect i get an empty string, but with values it returns null in the controller. Also the alert before the ajax call returns all the values perfectly, the version that i'm currently using 2013.3.1119.545

MultiSelect

answered on 16 Apr 2014

0 answers

231 views

Yearly Calendar View Sample

Hi All,

Just thought that i would help anyone else out struggling to replicate a yearly view of the kendo Calendar (12 instances of the calendar on the same page with a year picker).

I've implemented a couple of additional features including opening a kendoui window on select, JSON data binding and a couple of other things.

http://jsbin.com/qaqab/3/edit

Cheers,
Jonathan

Calendar

asked on 16 Apr 2014

6 answers

367 views

MVC Gird Master/Detail - How-to when all hierarchical data is in the Model already.

I am using MVC Grid to create a Master/Detail Grid.

Model.Customers, each Customer has an Orders collection (Master/Detail)

The Master Gird binds to Customers fine, but how do I tell the detail grid for each row in the master that the data is in the grid. I'm missing the linkage between the two.

The Kendo Demos have the grid going to the server each time the user clicks the Master row, but I have the data already in the Model so just need an example on how to bind it all up.

Grid

answered on 15 Apr 2014