How to remove all CSS styles coming with auto complete?

3 posts, 0 answers
  1. Pavel
    Pavel avatar
    2 posts
    Member since:
    Jun 2014

    Posted 29 Jun 2014 Link to this post

    How to remove all default CSS styles coming with auto complete for the input field? I prefer to use my own.
  2. Pavel
    Pavel avatar
    2 posts
    Member since:
    Jun 2014

    Posted 29 Jun 2014 in reply to Pavel Link to this post

    Is there a documentation about the styles I have to overwrite to restyle the dropdown?
  3. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 01 Jul 2014 Link to this post

    Hi Pavel,

    There is no a built-in option for disabling the styling of a particular Kendo UI widget. In order to customize the appearance of the AutoComplete I can suggest the following:
    -  Use the Kendo UI ThemeBuilder;
    -  Use some browser inspector to check what HTML / CSS rules are applied in a given situation and override the styles using selectors with higher specificity (documentation link);
    - Use jQuery API and remove the default classes applied to the widget. As an example: 
    $("#input").removeClass('k-input').parent().removeClass("k-widget k-autocomplete k-header");

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top