Questions on Kendo UI for jQuery Forum

1 answer

74 views

Metro theme grid pager buttons on window widget

In kendo.metro.css on line 356 the border radius from .k-window .k-link is zeroed. This produces an inconsistency in the pager buttons on grids nested in the window widget.

.k-calendar .k-link.k-state-hover,
.k-window .k-link {
border-radius: 0;
}

Grid

answered on 19 Jul 2013

1 answer

57 views

Editable column... Text Edit box is way too small...

Greetings...
As the attached picture shows... the edit box surrounding the string has "height" smaller than font's height...

How to correct that ?

Thanks!

Grid

answered on 19 Jul 2013

3 answers

547 views

Preventing auto-aggregation with "date" category axis

I'm evaluating the Kendo DataViz charts for my company and we are very interested in the line chart. I think I am encountering something that may not be supported and was hoping someone could tell me if it is possible to turn off the automatic aggregation when using categoryAxis type="date" ?

In the attached image, you will see two line charts that use the exact same data source. I need to show all of the data points, and keep the category axis showing the dates. I'm thinking that type="date" is causing the auto-aggregation, but don't know another way to display the same desired chart. We do not plan on using the other features offered by type="date" and after binding the data it will be a static chart with no interaction by the user.

Any advice is appreciated. Thank you.

Charts

answered on 19 Jul 2013

1 answer

45 views

will application run on both pc and mobile?

If we create a single web application by using Kendo UI web then will it run on both PC and Mobile ?
OR we have to create separate application one for PC and other for Mobile by using Kendo UI Mobile

General Discussions

answered on 19 Jul 2013

10 answers

1.2K+ views

Export to excel kendo Grid in button click event

how can i Export to excel kendo Grid in button click event.Thanks

Grid

answered on 19 Jul 2013

1 answer

788 views

Kendo Grid Template Input OnChange/Keyup Event Hookup

I'm trying to calculate a "Total" column while the user types the quantity through a input inside the template of the grid. I've been stuck here for a while now.

var ds = new kendo.data.DataSource({

type: "aspnetmvc-ajax",

transport: {

read: "Home/Products_Read"

},

schema: {

data: "data",

total: "total",

model: {

id: "products",

fields: {

Code: { editable: false },

Number: { editable: false },

Name: { editable: false },

Supplier: { editable: false },

Price: { editable: false, type: "number", format: "{0:n}" },

UnitStock: { editable: false },

UnitBasic: { editable: false },

Quantity: { editable: true, type: "number" },

Total: { editable: true, type: "number", format: "{0:n}" }

}

},

pageSize: 15,

serverPaging: true,

serverFiltering: true,

serverSorting: true

});

var gridResult = $("#grid").kendoGrid({

dataSource: ds,

selectable: "row",

sortable: true,

pageable: true,

columns: [

{ field: "Code", title: "Code", width: "100px" },

{ field: "Number", title: "Number", width: "100px" },

{ field: "Name", title: "Name" },

{ field: "Supplier", title: "Supplier", width: "100px" },

{ field: "Price", title: "Price", width: "100px", format: "{0:n}" },

{ field: "UnitStock", title: "Unit", width: "100px" },

{ field: "Quantity", title: "Quantity", width: "100px", template: '<input class="someInput" name=#=Code# value=#=Quantity# />' },

{ field: "Total", title: "Total", width: "100px", template: '#=Price*Quantity#' },

]

});

$('.someInput').on('change', function () {

for (var i = 0; i < gridResult.dataSource.data().length; i++) {

if (parseInt(gridResult.dataSource.data()[i].Code) == parseInt($(this).attr('name'))) {

gridResult.dataSource.data()[i].Quantity.Set($(this).val());

}

gridResult.refresh();

});

Grid

answered on 19 Jul 2013

13 answers

316 views

Grid Extension - Causing loss of groupable and reordable functionality

Hi,

I have extended my Kendo UI Grid with the kendo.ui.Grid.extend/kendo.ui.plugin functionality as per this article:

http://www.aspnetwiki.com/page:kendo-ui-grid-export-excel

Everything works great except it causes the loss of grouping and reordering - the Drag and Drop no longer works.

I suspect it may have to do with the shift from:

$("#myGrid").data("kendoGrid");

to

$("#myGrid").data("kendoExcelGrid");

or is there something else going on with the Drag and Drop?

Cheers,

Kori

Grid

answered on 19 Jul 2013

5 answers

124 views

Custom Downloader does not seem to be working for the latest build - 2013.2 716

If I go to the Custom Downloader (http://www.kendoui.com/custom-download.aspx), the dropdown is set for the 716 build but no checkboxes display (IE9, Chrome). Changing to another selection displays them and then I switched back to 716. Select some checkboxes but the Download button does not display.

Switch back to say 514 and select some checkboxes and the download button displays and the size is updated as you select more checkboxes. Switch back to 716 and the download button remains but selecting checkboxes does not any longer update the size or build the expected download file.

Could you have the downloader fixed?

Thanks,
Gary Davis

General Discussions

answered on 19 Jul 2013

2 answers

131 views

Drawer Breaks if View Redirects

If you have a view which does an app.navigate() when shown, the drawer breaks. The drawer will show the previous view instead of the drawer on the view navigated to.

In my case, I had a login remote view which would simply do an app.navigate() to the home view if the user was already logged in. I did this on data-before-show. The issue is something with timing. I ended up putting a setTimeout() on the app.navigate() to 1 second and then the navigation & drawer worked fine after.

@if (Request.IsAuthenticated)

{

AppsWebAppContext context = (AppsWebAppContext)ViewBag.AppContext;

string displayName = context.User.DisplayName;

string avatarUrl = (context.User.HasAvatar) ? context.User.AvatarSmallUrl : Url.GetUrlRoot() + "/Images/NoAvatar/small.jpg";

<div id="viewLogin" data-title="Login" data-role="view" data-before-show="viewLoginOnBeforeShow" data-hide="onHide">

<script type="text/javascript">

function viewLoginOnBeforeShow(e) {

showLoading();

onBeforeShow(e);

$("#userAvatar").attr("src", "@avatarUrl");

$("#userDisplayName").text("@displayName");

setTimeout(function () { navigateHome(); hideLoading(); }, 1000);

}

</script>

</div>

}

Drawer (Mobile)

answered on 19 Jul 2013

1 answer

98 views

Kendo Sparkline through AngularJS

I'm trying to figure out how to bind the data to Kendo Sparkline through AngularJS, which works fine with normal HTML page by including all the required kendo styles and scirpting files to that page. Here is the original code that I have been working...

HTML Code
<table class="table">
<tbody>
<tr>
<td>
<span id="press-log"></span>
</td>
</tr>
</tbody>
</table>

Angular Controller Code:

<script type="text/javascript">
angular.module('demoApp').controller('cc', ['$scope', function ($scope) {
$scope.createSparklines = function () {
$("#press-log").kendoSparkline({
type: "area",
data: [
71, 70, 69, 68, 65, 60, 55, 55, 50, 52,
73, 72, 72, 71, 68, 63, 57, 58, 53, 55,
63, 59, 61, 64, 58, 53, 48, 48, 45, 45,
63, 64, 63, 67, 58, 56, 53, 59, 51, 54
]
});
}

$scope.createSparklines();

} ]);
</script>

The Sparkline doesn't fires with the static values and even with an array object, Can you help me on this.

Sparkline

answered on 19 Jul 2013