IOS SuggestionItemTemplate is not working properly

2 posts, 0 answers
  1. Tahmina
    Tahmina avatar
    13 posts
    Member since:
    Mar 2018

    Posted 11 Jun Link to this post

    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>

  2. Didi
    Admin
    Didi avatar
    230 posts

    Posted 11 Jun Link to this post

    Hi Tahmina,

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top