Maybe I'm overlooking something easy, but I can't seem to simply change the background color of my kendo grid header.

This is what I have, (it everything runs, but the base theme never changes)... (no centering, no bg color change).  What am I missing?

CSS

.k-header{
text-align: center;
background-color: #ff0099;
}

JS

$("#agencyListGrid").kendoGrid({
columns: [{
field: "agencyName",
title: "Agency"
},
{
field: "agencyID",
title: "View",
width: 100
},
{
field: "agencyID",
title: "Archive",
width: 100
}],
dataSource: {
data: this.agencyList.agencies,
pageSize: 15
},
height: 500,
pageable: {
pageSizes: true,
buttonCount: 5
}
});

Hello,

I have a drop down list used in MVVC SPA app. It is bound to very large (30K+ records) dataset using DataSource object with server paging and filtering enabled.

Selected item of drop down list is bound to Observable object.

When user changes value of drop down list, change event fired and user is redirected to:

router.navigate('/customers?<selected ID>');

where <selected ID> is selected value.

Then the route function looks like this:

router.route("/customers", function(params) {
      viewApp.set('customerId', params.customerId);
      ...

So before I show view, I set customerId property of model which is bound to dropdownlist.

It's works, but only if selectedId is in "first page" of server results (server paging is enabled).

How can I solve this?

I have a function that opens a window.

When the window is closed, the vertical scroll bar is not restored.

Please see this dojo: https://dojo.telerik.com/ecOcA/2

Am I doing it the wrong way?

/Morten

Hi,

I'm wondering if it is possible to partially format a cell from the exported Excel?

For example, I have a string like "Product1: name1, name2 etc." I only want bold text on "Product1".

Hello

When calling .maximize() on a Kendo UI window the body and html page elements are given an overflow CSS rule of hidden.

Following this if destroy is called the window disappears but leaves the body/html overflow rule in place. This causes the page to not be scrollable.

Reproduction steps from the kendo dojo:

Thanks,

Ben

Hi

I want to add the results from an AutoComplete, into the Multiselect on the fly (ie as you select it in autocomplete, it adds it to multi-select)

Are there any examples of this?

This is Kendo UI for MVC

OK, so let's assume we have two makes and two models, like this

Makes: Ford, Chevy

Models: (Ford, Pinto), (Ford, Fiesta), (Chevy, Silverado), (Chevy, Citation)

I want to have a data grid. On that data grid, there will be an 'Add' button. Each time that add button is clicked a new row is added to the grid, and the user chooses a make and a model.

After adding all their makes and models the user hit a big GO button and the whole smash is sent to the server to be saved.

I cannot figure out how to make this happen. I am new to Kendo, completely worthless with JavaScript, and have absolutely no idea what I'm doing.

Thanks

HI,

I'm missing the changeLoadingMessage method in the definition file:

 class Application extends Observable {
        options: ApplicationOptions;
        router: kendo.Router;
        pane: kendo.mobile.ui.Pane;
        constructor(element?: any, options?: ApplicationOptions);
        init(element?: any, options?: ApplicationOptions): void;
        hideLoading(): void;
        navigate(url: string, transition?: string): void;
        replace(url: string, transition?: string): void;
        scroller(): kendo.mobile.ui.Scroller;
        showLoading(): void;
        view(): kendo.mobile.ui.View;
    }

Kind regards,

Marco

Hi, I have a grid with column templates where each column hold two or more values.I'm trying to achieve 'in cell' edit for such templates.

I would like to request if post any sample here to achieve in cell editing for a column template.I'm attaching a snapshot of how my grid looks like. Thanks

How to group only one field?

When I group an item I want to disable the grouping of other fields.