Problems with styling Autocomplete control

[Peter Kis]

Hi team,

we are trying to use your SfAutocomplete control, but we are facing few problems that you will able to help us solve.

This is what we are trying to achieve, same design on Android, iOS and UWP platforms:

There are the problems we are facings:

1. when the multiselection mode is turned on, dropdown is closed when a item is selected. We want that the dropdown still open until the control lost focus - user wants to select more items at once.
   
2. If we use dataTemplate for dropdown items, then items do not react on clicks. As dataTemplate we use ContentView with grid child containing two labels and a checkbox or a image.
3. In UWP it seems that we cannot get rid of padding of items in dropDown. 
4. It seems thta in UWP we are not able to achieve round corner of selected values 

Thanks,

Peter

[Suganya Sethuraman]

Hi Peter,

Query 1: “when the multiselection mode is turned on, dropdown is closed when a item is selected. We want that the dropdown still opens until the control lost focus - user wants to select more items at once.”

We have analysed your requirement. We have achieved your requirement by using DropDownClosing event of the SfAutoComplete as shown in the following code snippet,

Xaml 

            <autocomplete:SfAutoComplete x:Name="autoComplete"  

                                     DisplayMemberPath="Name"  

                                     DropDownClosing="autoComplete_DropDownClosing" 

                                     MultiSelectMode="Token” 

                                     DataSource="{Binding EmployeeCollection}"> 

C# 

        private void autoComplete_DropDownClosing(object sender, DropDownCancelEventArgs e) 

        { 

            if (e.IsItemSelected) 

            { 

                e.Cancel = true; 

            } 

            else 

            { 

                e.Cancel = false; 

            } 

        } 

Query 2: “If we use dataTemplate for dropdown items, then items do not react on clicks. As dataTemplate we use ContentView with grid child containing two labels and a checkbox or an image”

We have analysed the possibilities of achieving your requirements with our existing ItemTemplate Support. But the interaction will not be reflected for the CheckBox in Template Support. Hence, we have logged this as a feature request, and you can track the status of this feature implement through below link

Feedback Link: https://www.syncfusion.com/feedback/7499/checkboxes-in-combobox

Please cast your vote to make it count. We will prioritize the features every release based on the demands, and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available for any of our upcoming releases.

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.    

Query 3: "In UWP it seems that we cannot get rid of padding of items in dropDown"

We have analyzed the reported issue. Since we are unable to reproduce the reported issue, we would like you to check the issue with the attached sample and let us know if it is reproduced. Else, please revert to us by modifying the sample based on your application and provide the replication procedure or the sample. It will be helpful for us to provide a better solution at the earliest.

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

Query 4: “It seems that in UWP we are not able to achieve round corner of selected values”

We have analyzed your requirement. But currently, we don't have CornerRadius support for Tokens in SfAutoComplete UWP. We would like to inform you that we have considered this as feature request “Provide customization support for Dots in SfRotator” and you can track the status of this feature implements through the below link.

Feedback link: https://www.syncfusion.com/feedback/33566

Please cast your vote to make it count. We will prioritize the features every release based on the demands, and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available in any of our upcoming releases. 

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.

Regards,
Suganya Sethuraman.