Questions on Kendo UI for jQuery Forum

3 answers

185 views

Hello,

I have an app using kendo mobile, with several links to external videos (.mp4), coded like this:
<a href="#:VideoFile#" style='text-decoration: none'>
Link</a>

- it works fine in iPhone (opens quicktime).

In Android nothing happen on click.

Notes:
- when I open the same URL on chrome in android the video plays normaly.
- when I link/href to anything else than a video, the link works.

Does anyone had this problem before?

Thanks.

General Discussions

answered on 08 Oct 2013

1 answer

104 views

Sample using asp.net controls with web API or Mvc

Hello,

Have been through couple of demos which use html 5. Do you have samples (KENDO Mobile) which use ASP.NET, Web API or Mvc?

Thank You
Uday

General Discussions

answered on 08 Oct 2013

3 answers

102 views

Drawer not working

I have a strange issue i put the new version of mobile 2013.2.918 and the drawer stop too work.
Even the example doesn't work and the online too.
Am i the only One?
Dario

Drawer (Mobile)

answered on 08 Oct 2013

3 answers

447 views

Replace Kendo template with single JSON data object issue

I using datasource to display some data from API(JSON data) in my kendo template. If i get JSON data as an array, its replacing the template and rendered properly into the template and created right data format. But if i get any single JSON data object(not an array format). It is not replacing the template. Is data source will handle only array format of JSON. See the below code data sample with array and without array format.

Below JSON data its replacing properly into my kendo template.

[{"EmployeeId":"2","EmployeeCode":"ASD","EmployeeName":"ASD","Description":"","CreateDate":"9/13/2013 12:00:00 AM","StatusId":"4","IsActive":"True"}]

But if i get response format like below JSON data, It is not rendering to my kendo template

{"EmployeeId":"2","EmployeeCode":"ASD","EmployeeName":"ASD","Description":"","CreateDate":"9/13/2013 12:00:00 AM","StatusId":"4","IsActive":"True"}

My Kendo template view file

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

<h3 class="item-title">${EmployeeName}</h3>

</script>

My viewModel

getEmployeeDetail: function(id){

var EmpData= new kendo.data.DataSource({

transport: {

read: {

url: "http://127.0.0.1/api/index.php",

dataType: "json",

cache: false

}

},

schema: {

errors: "error"

},

error: function(e) {

utils.hideLoading();

alert("bad request");

}

});

return EmpData;

}

Help me to load single json string data to my kendo template.

General Discussions

answered on 08 Oct 2013

1 answer

101 views

How to render X-axis(Category Axis) at the bottom even if there are -ve values in Y axis?

Hi,

I have negative values in y- axis so chart is rendering as shown in attached screen shot.
How to render x- axis always at the bottom?

Thanks,
Prabhakar Manne

General Discussions

answered on 08 Oct 2013

1 answer

112 views

anchor button fires twice

Hello
anchor button click fires twice, here is my code

1.<div data-role="view" id="drawer-company" data-layout="drawer-layout" data-title="Company">

2. <header data-role="header">

3. <div data-role="navbar">

4. <a data-role="button" data-align="right" data-click="UpdateCompanyDetails_Click">Update</a>

5. </div>

6. </header>

7.</div>

1.function UpdateCompanyDetails_Click(e) {

2. e.preventDefault();

3. alert("Updated");

4. return false;

5.}

Regards

General Discussions

answered on 08 Oct 2013

1 answer

234 views

Datasource Update not triggering

This is my template:

editTemplate: " <tr>\

<td class='name'>\

<input type='text' value='#: PageName #' class='k-textbox small' />\

</td>\

<td class='action'>\

<a href='\\#' class='icon icon-ok k-update-button' title='Save Changes'></a>\

</td>\

<td class='action'>\

<a href='\\#' class='icon icon-remove k-cancel-button' title='Cancel'></a>\

</td>\

</tr>",

When I have firebug open and I click save changes (k-update-button) I get no ajax call...my DS defines it, and the GET\DELETE work fine...any idea what it might be???

favsList.kendoListView({

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: f.baseUrl + $medportal.User.UserName,

dataType: "json",

type: "GET"

},

update: {

url: f.baseUrl + "/Update",

dataType: "json",

type: "PUT"

},

destroy: {

url: function (data) {

var url = f.baseUrl + $medportal.User.UserName + "/" + data.FavouriteID;

return url;

},

dataType: "json",

type: "DELETE"

}

},

batch: false,

pageSize: 10,

schema: {

model: {

id: "FavouriteID",

fields: {

FavouriteID: { editable: false, nullable: true },

Index: { type: "number" },

PageName: { type: "string" },

Url: { type: "string" }

}

}),

template: kendo.template(f.rowTemplate),

editTemplate: kendo.template(f.editTemplate),

remove: function (e) {

var fav = e.model;

if (fav.FavouriteID === f.currentfavoriteid) {

//Reset the Add Button

f.setAddState();

}

}).data("kendoListView");

ListView

answered on 08 Oct 2013

3 answers

131 views

Use gradients or images instead of colors in charts

I'm looking for a way to replace the backgrounds in a bullet chart with gradients or images such as in the attachment.

Charts

answered on 08 Oct 2013

3 answers

159 views

Turn navigation off in header.

I have a grid using a customer filter that is appended to the thead. On a keydown event of the customer filter field, the focus is moved to first data field of the grid. How do I prevent the focus change?

Section of code in question;

var timeout;

var filter = { logic: "and", filters: [] };

var filterRow = $('<tr><td><input type="search" id="programCodeFilter" class="k-textbox" style="width:75px;"></td><td><input type="search" id="lenderProgramNameFilter" class="k-textbox" style="width:75px;"></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>')

detailGrid.data("kendoGrid").thead.append(filterRow);

detailGrid.find("input#programCodeFilter").keydown(function () {

var filterExpr = { field: "ProgramCode", operator: "startswith", value: "" }

var fc = 0;

if (filter.filters.length > 0) {

for (var i = filter.filters.length - 1; i >= 0; i--) {

if (filter.filters[i].field == 'ProgramCode') {

var rmFilter = filter.filters[i];

rmFilter.value = this.value;

fc++;

}

if (fc == 0) {

filter.filters.push(filterExpr);

}

} else {

filterExpr.value = this.value;

filter.filters.push(filterExpr);

}

clearTimeout(timeout);

timeout = setTimeout(function () {

detailGrid.data("kendoGrid").dataSource.filter([filter]);

}, 100);

});

Grid

answered on 08 Oct 2013

1 answer

78 views

Scheduler button

Hi:

I need to know how to put the style of a cancel button when entering an event, right now it is showing as a link. I'm using MVC Razor version:

If you see the attached file, the button "Cerrar" is not showing the style that is supposed to show.

Thanks

Johnny

Scheduler

answered on 08 Oct 2013