RAD Combo Box-Text Focus Issue

1 Answer 179 Views
ComboBox
Kishorekumar
Top achievements
Rank 1
Veteran
Kishorekumar asked on 15 Sep 2021, 07:05 AM

Hi Telerik team,

We are having a rad-combo box control implemented in a pop up, where the user will be able to select one item from the list based on the Alphabets entered by the User.

Let us consider the user is entering 'OLI' in the combo box
The drop down list appears for the entered Alphabets, but when the user tries to add more Alphabet to it, already entered 'OLI' gets cleared and the user entered new alphabets is appearing, which should not.

I have attached the image(RadCombo box Focus Issue.jpeg)
We found that as soon as the user stops entering the Alphabet, the control selects the whole Alphabets already entered(Blue Selection). - which should not and the user have to press the Right Arrow to get the focus to the last alphabet to add more alphabet the existing text.

Any Possibility to change the behavior so that when the user stops entering the alphabet the focus is set next of the last character entered.

The Xaml Code Used is

<telerik:RadComboBox
                    Name="NameCombo"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    HorizontalContentAlignment="Left"
                    BorderBrush="#F1F1F1"
                    EmptyText="Type to Search Name"
                    IsDropDownOpen="{Binding IsDropDownOpen, Mode=TwoWay}"
                    IsEditable="True"
                    IsTextSearchCaseSensitive="False"
                    Text="{Binding NameSearchText, Mode=TwoWay}"
                    TextSearchMode="Contains">
                    <telerik:RadComboBoxItem>
                        <telerik:RadComboBoxItem.Template>
                            <ControlTemplate>
                                <Grid>
                                    <telerik:RadBusyIndicator BusyContent="Loading..." IsBusy="{Binding IsNameLoading}">
                                        <telerik:RadGridView
                                            Width="455"
                                            MaxHeight="150"
                                            behavior:ControlEventsCommand.RadGridSelectionChangedEvent="{Binding NameSelectionChangedCommand}"
                                            AutoGenerateColumns="False"
                                            CanUserFreezeColumns="False"
                                            CanUserInsertRows="False"
                                            CanUserResizeColumns="False"
                                            CanUserSortColumns="False"
                                            IsFilteringAllowed="False"
                                            IsReadOnly="True"
                                            ItemsSource="{Binding NameList}"
                                            RowIndicatorVisibility="Collapsed"
                                            ScrollViewer.VerticalScrollBarVisibility="Auto"
                                            SelectedItem="{Binding SelectedName, Mode=OneWayToSource}"
                                            ShowGroupPanel="False">
                                            <telerik:RadGridView.Columns>
                                                <telerik:GridViewDataColumn
                                                    Width="450"
                                                    Header="Name"
                                                    HeaderCellStyle="{StaticResource NameClassHeader}">
                                                    <telerik:GridViewColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <TextBlock
                                                                Text="{Binding Name}"
                                                                TextTrimming="WordEllipsis"
                                                                ToolTip="{Binding Name}"
                                                                ToolTipService.IsEnabled="True"
                                                                ToolTipService.ShowOnDisabled="False">
                                                                <TextBlock.Style>
                                                                    <Style TargetType="TextBlock">
                                                                        <Style.Triggers>
                                                                            <DataTrigger Binding="{Binding Name}" Value="">
                                                                                <Setter Property="IsEnabled" Value="False" />
                                                                            </DataTrigger>
                                                                        </Style.Triggers>
                                                                    </Style>
                                                                </TextBlock.Style>
                                                            </TextBlock>
                                                        </DataTemplate>
                                                    </telerik:GridViewColumn.CellTemplate>
                                                </telerik:GridViewDataColumn>
                                            </telerik:RadGridView.Columns>
                                        </telerik:RadGridView>
                                    </telerik:RadBusyIndicator>
                                </Grid>
                            </ControlTemplate>
                        </telerik:RadComboBoxItem.Template>
                    </telerik:RadComboBoxItem>
                </telerik:RadComboBox>

Thanks In Advance!

Regards,

KishoreKumar

1 Answer, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 15 Sep 2021, 11:31 AM

Hello Kishorekumar,

Thank you for the provided details.

You can try setting the SelectAllTextEvent property of the RadComboBox control to None. This will disable the selection of the text on different occasions. Give this property a try and let me know how it goes.

Regards,
Dinko
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Kishorekumar
Top achievements
Rank 1
Veteran
commented on 27 Sep 2021, 11:28 AM

Hi Dinko,

Can you provide solution

https://www.telerik.com/forums/listbox-height-set-based-on-child-items

Thanks,

KishoreKumar

 

Dinko | Tech Support Engineer
Telerik team
commented on 30 Sep 2021, 08:13 AM

I have replied to your question in the mentioned forum thread. Let's continue there.
Tags
ComboBox
Asked by
Kishorekumar
Top achievements
Rank 1
Veteran
Answers by
Dinko | Tech Support Engineer
Telerik team
Share this question
or