CODEWITHSUNDEEP
jquerycsstwitter-bootstrapkendo-ui
redrom
redrom

Reputation: 11642

Kendo Autocomplete how to disable default css style

I have styled form inputs using Twitter Bootstrap.

I need to add Kendo autocomplete input, but problem is that each initialized autocomplete input overrides my CSS styles for input (See image below). Left input is styled using Kendo Autocomplete, Input on the right is styled by Bootstrap.

Is any possibility to disable Kendo input styling of the input in form?

enter image description here

Thanks for any help.

Upvotes: 5

Views: 1898

Answers (1)

Devanathan.S
Devanathan.S

Reputation: 1472

I also faced this problem, find the solution below.

<style type="text/css">
/*The below is to remove the css for the autocomplete control - Job Title */
        .autocomplete {
            display: inline-block !important;
            border: 0 !important;
            background: none !important;
            box-shadow: none !important;
        }
</style>

Your control initialization

$("#title").kendoAutoComplete({
                    dataSource: data.Sample,
                    dataTextField: "title_Cd",
                    filter: "startswith"
                }) .parent()
                    .addClass('autocomplete');

Thats it..

Thanks Dev

Upvotes: 2

Related Questions