Editable template of Type Ahead combobox

2 posts, 0 answers
  1. Leandro
    Leandro avatar
    1 posts
    Member since:
    Sep 2013

    Posted 15 Dec 2014 Link to this post


    I created an editable RadComboBox with filtering feature using the next code:

    IsEditable = true;
    IsFilteringEnabled = true;
    CanAutocompleteSelectItems = true;
    OpenDropDownOnFocus = true;
    StaysOpenOnEdit = true;
    TextSearchMode = TextSearchMode.StartsWith;

    The behaviour is correct but the styles changes and doesn't use the same styles of the RadComboBox (Image 1 of the attached files).

    Then when set EditableTemplate in the styles of the RadComboBox using the same of default Template, the behaviour of the combo crash: the background color change and the selected item isn't shown (Image 2 of the attached files).
    <Style x:Key="TelerikPortfolioDropDownStyle" TargetType="telerikInput:RadComboBox">
            <Setter Property="Template" Value="{StaticResource NonEditableComboBox}" />
            <Setter Property="EditableTemplate" Value="{StaticResource NonEditableComboBox}" />

    I attached 3 images: 
    1) Filterable ComboBox without styles
    2) Filterable ComboBox with EditableTemplate that use the same template of RadComboBox.
    3) Desirable Filterable ComboBox styles.

    I'm using the 2012.2.725.1050 version and is not possible to change to a new one.

    Please let me know if you want further information.


  2. Masha
    Masha avatar
    355 posts

    Posted 17 Dec 2014 Link to this post

    Hi Leonardo,

    When RadComboBox is in editable mode,  you should modify the EditableComboBox template. It has different structure than non editable one and the exception is related because of missing TextBox named PART_EditableTextBox which is inside the Editable's RadComboBox template. You can use as a reference the editable control template of VisualStudio2013 theme, which design is close to the desired view.

    I hope it helps.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top