I have a filter in my kendo grid, and I found a way to change the width on the filter, and how to remove the clear button from inside the filter, however now that I have changed the width of my filter, the second clear button (the one on the outside of the filter) is still at the extreme right of the filter and hasn't moved with the new width of the filter.
One of two things that I need to do and can't figure out is
1) Either completely remove that clear button and use the one on the inside of the filter
2) Move the clear button so its beside the filter
if anyone has any idea on how to do either of these then it would be appreciated
I provided a screen shot showing how I changed the width of the filter and you can see that the close button is way over yonder on the right, the code for my grid is below
$("#grid").kendoGrid({ columns: [ { field: "name", filterable: { cell: { showOperators: false, operator: "contains", inputWidth: "50%" } } }, { field: "age", filterable: false }], filterable: { mode: "row" }, dataSource: [{ name: "Jane", age: 30 }, { name: "John", age: 33 }], dataBound: function(e){ this.element.find(".k-filtercell .k-autocomplete .k-clear-value").remove(); }});
and I also created a a working grid in the dojo and here is that link here
Hello there,
Just a question, is it possible to have server side data (using a web service) but client side sorting? (if so...how?)
I currently have a Kendo Grid bound to a remote data source and even if I set the serverSorting to false it still goes to the server to retrieve the page data and then sort it.
On this application the grid displays one page of data at a time, so sorting should run on the client side with the page data it's got already, no need to hit the server again...right?
Here is my current grid configuration:
$("#contractorsGrid").kendoGrid({
dataSource: {
transport: { read: "/Contractors" },
pageSize: 10,
serverPaging: true,
serverFiltering: true,
serverSorting: false,
schema: { total: "total", data: "data" }
},
height: 550,
scrollable: true,
sortable: true,
serverSorting: false,
pageable: {
input: true,
numeric: false
},
filterable: false,
columns: [
{ command: { click: this.editContractor, name: "modify", text: "Edit" }, width: "80px" },
{ field: "id", title: "ID", width: "80px" },
{ field: "name", title: "Contractor" },
{ field: "contactname", title: "Contact" },
{ field: "contactphone", title: "Phone" },
{ field: "supervisorname", title: "Supervisor" },
{ field: "supervisorphone", title: "Sup. Phone" }
]
});
Thanks for any help!
Hello
I'm using OData as a backend service and of course I use server sorting, paging and filtering in my data source config, but server groupping is not supported, so I can't use it. The problem happens when I use sorting + grouping. Results are not sorted inside of the group.
How can this be fixed?
Thanks
I'm trying to get a basic Kendo Menu to display the child elements horizontally instead of as a dropdown, to keep the items on one single line below the menu. As of yet, I've not found any method built into the Menu to accomplish this.
Attempting to manipulate the menu via CSS has not worked either. In theory, I should be able to change the "display: block" to "display: inline"; when I do this, however, the style on load comes out as "display: none". This is the case whether done server-side while building the menu, or client-side with jquery.
The functionality I'm looking for shouldn't be too difficult to accomplish. Here's a basic example: Horizontal Dropdown

I have a question, well it could be the form of two, but either answer would be great...
I have a kendo grid with a column filter with a text box, with a contains operator and all other operators as false. I have a couple issues with the filter, if you take a look at the image below
You can see that the 2nd clear filter button is all the way over to the right, how do I remove that button or at the very least bring it over to the filter textbox? I know I can remove the inner clear button using
this.element.find(".k-filtercell .k-autocomplete .k-clear-value").remove(); 
I am trying to use mvvm binding within a template that is applied to a kendo list view. Template variables are working but the data-bind attributes are not. Is this supported?
<div id="list"></div><script id="template" type="text/x-kendo-template"> <div> <button data-bind="visible: alreadyAttending, click: onClick"> Your id is ${ID} </button> </div></script>var data = [];data[0] = { alreadyAttending: true, ID: 1, onClick: function() { alert("Click 1"); }};data[1] = { alreadyAttending: false, ID: 2, onClick: function() { alert("Click 2"); }}; $("#list").kendoListView({ dataSource: data, template: kendo.template($("#template").html()) });
Hello guys,
We faced with weird export to pdf behavior for our endless grids with allPages enabled. Here is the dojo: http://dojo.telerik.com/iGigO . Try to click on "EXPORT TO PDF" and save pdf file. Pdf includes loading image, which spends a lot of grid space. For now, we fixed it on our end by hiding loading block (.k-loading-mask) on exporting, but it would be great to fix it inside core. Thanks.
Hello!
I want to be able to change the value in a columns by calling this function MappingBoolToText.
If the passed argument is true I return "Ja" else return "Nej"
Function MappingBoolToText(value)
{
return value ? 'Ja' : 'Nej';
}
I have tried to call this function from here
$("#grid").kendoGrid(
{
dataSource: this.datasource,
height: 550,
sortable: true,
columns: [
{
field: "Name",
title: "Namn"
},
{
field: "EmployeeNr",
title: "AD"
},
{
field: "RequireR1",
title: "Krav R1"
},
{
field: "RequireR2",
title: "Krav R2"
},
{
field: "SalaryR1",
title: "Lön R1"
},
{
field: "SalaryR2",
title: "Lön R2"
},
{
field: "IsGroupAdmin",
title: "Koncernadmin",
fomat: MappingBoolToText(value)
},
{
field: "IsCompanyAdmin",
title: "Bolagadmin",
fomat: MappingBoolToText(value)
}
]
});

Not sure if this is a bug or my bad configuration:
http://dojo.telerik.com/uTAHe
I have set up a recurring event that crosses the Australia/Sydney daylight savings time.
I think I have set the scheduler and data source to view events in UTC, but the event does not display back an hour. When I change the data source to use Sydney's time the event display is correct.
Is there something that I have missed or have incorrectly configured in my example?