Hi There
when we use SuggestionItemTemplate in our autocomplete to add custom design to the suggestions items, it is not consistent. Some of the row data are missing from there(Please see the attached 1st image). But in android it is very consistent(2nd image).Everything is showing perfectly.
<telerikInput:RadAutoComplete x:Name="autoCompleteWatermark"
ItemsSource="{Binding Options}"
VerticalOptions="Start"
NoResultsMessage="there are no matching items..."
Watermark="Search here..."
SuggestionItemSelected="AutoComplete_OnSuggestionItemSelected">
<telerikInput:RadAutoComplete.SuggestionViewHeight>
<OnPlatform x:TypeArguments="x:Double"
Android="150"
iOS="150" />
</telerikInput:RadAutoComplete.SuggestionViewHeight>
<telerikInput:RadAutoComplete.SuggestionItemTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<telerikPrimitives:RadBorder BorderColor="#4488F6" CornerRadius="3">
<Label Margin="5"
FontSize="Medium"
Text="{Binding Item}"
Style="{StaticResource RegularLabel }"
TextColor="Black" />
</telerikPrimitives:RadBorder>
</Grid>
</DataTemplate>
</telerikInput:RadAutoComplete.SuggestionItemTemplate>
</telerikInput:RadAutoComplete>
1 Answer, 1 is accepted
Thank you for the provided images and code.
I have noticed that you are using the RadAutoComplete control. Please note that this control is obsolete and we will not be adding any new features of fixes for it as the control is no longer being distributed. RadAutoComplete control has been replaced with RadAutoCompleteView and will be removed from the suite soon. You can read about the differences between both components and how to migrate to the RadAutoCompleteView in the kb article here: Replace AutoComplete with AutoCompleteView
I have tested the provided code with the AutoCompleteView control on Android and on iOS and it works properly on both platforms.
Let me know if you have any further questions.
Regards,
Didi
Progress Telerik