Increase the spacing between the items in the collection

[Rajesh]

Hi,

The Auto complete control is a very useful control to enable users to narrow down their choices.

However I noticed that the spacing between the words in the drop down is very small and the words are too close to each other.

Is there any property that will allow to increase the spacing between the words.

Thanks,

Rajesh.

[Pavendhan Kumar]

Hi Rajesh,

Sorry for inconvenience caused.

We were able to reproduce the reported issue”tems present in dropdown are not having enough space” at our end. And we have logged a defect report regarding the same.A support incident to track the status of this defect has been created under your account.

Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents/ 

Regards,
Pavendhan K. 

[Scott Roberts]

Hi,

I was wondering what the status of this issue was as we're facing the same issue in that we want to increase the space between items in the list.  I have tried putting the content in a stacklayout setting the height request, setting the margin, padding, etc. but have had no luck.  Please see my attached snapshot showing the items in the list - we would like twice the amount of space between each item in the list.

 <xForms1:SfAutoComplete.ItemTemplate>

                                    <DataTemplate>

                                        <StackLayout HeightRequest="20">

                                            <Label Text="{Binding FullName}" />

                                        </StackLayout>

                                    </DataTemplate>

                                </xForms1:SfAutoComplete.ItemTemplate>

Attachment: Capture_667084c7.zip

[Hemalatha Marikumar]

Hi Scott,

We would like to let you know that your requirement “Increase the space between items in the drop-down list of SfAutoComplete” has been achieved by using the DropDownItemHeight property in SfAutoComplete.  

 

We have prepared the sample and download it from below link 

 
Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DropDownItemHeight4830730 

  

UG Link: https://help.syncfusion.com/xamarin/sfautocomplete/customizing-autocomplete#customizing-the-suggestion-box 

 
Code Snippet [XAML] 

 

<StackLayout VerticalOptions="Start" HorizontalOptions="Start" Padding="30"> 

    <autocomplete:SfAutoComplete HeightRequest="100" x:Name="autoComplete" DisplayMemberPath="Name" DataSource="{Binding EmployeeCollection}" DropDownItemHeight="100"> 

<autocomplete:SfAutoComplete.ItemTemplate> 

            <DataTemplate> 

                <StackLayout Orientation="Horizontal"> 

                    <Label Text="{Binding Name}"/> 

                </StackLayout> 

            </DataTemplate> 

        </autocomplete:SfAutoComplete.ItemTemplate> 

    </autocomplete:SfAutoComplete> 

</StackLayout> 

Please check with the sample and let us know if you have any concerns.

 

Regards, 

Hemalatha M.