Bug in SfChip - Close button and Entry do not appear

[Amir H]

Hi,

I am creating the views using code behind and I have the following code:

   var stackLayout = new StackLayout()

             {

                 VerticalOptions = LayoutOptions.Center, HorizontalOptions = LayoutOptions.Center,

                 Margin = new Thickness(25)

             };

            var chipGroup = new SfChipGroup(){Type = SfChipsType.Input, };

            var grid = new Grid(){HeightRequest = 350, WidthRequest = 350, VerticalOptions = LayoutOptions.Center,  HorizontalOptions = LayoutOptions.Center};

            grid.Children.Add(chipGroup); 

            chipGroup.Items.Add(new SfChip(){Text="Extra Small"});

            chipGroup.Items.Add(new SfChip(){Text="Small"});

            chipGroup.Items.Add(new SfChip(){Text="Medium"});

            chipGroup.Items.Add(new SfChip(){Text="Large"});

            chipGroup.Items.Add(new SfChip(){Text="Extra Large"});

            var entry= new Entry { 

                BackgroundColor = Color.Chartreuse,

                Margin = new Thickness(10, 10, 0, 0), WidthRequest = 110,

             };

            entry.Completed += (sender, args) =>

            {

                Console.WriteLine();

            };

            chipGroup.InputView = entry;

            stackLayout.Children.Add(grid);

            this.Content = stackLayout;

 

There are two issues here:

1. The entry does not appear

2. The close button is not there

Here is what renders:

[Saravanan Madheswaran]

Hi Amir,   

   

Greetings form Syncfusion.    

   

Query 1: The entry does not appear.   

   

We would like to let you know that it will be resolved by adding the ChipLayout of ChipGroup as per in below  

   

chipGroup.ChipLayout = new StackLayout() { Orientation = StackOrientation.Horizontal };   

   

Ug: https://help.syncfusion.com/xamarin/chips/getting-started#set-layout-for-the-control   

   

By default, ChipGroup has been rendered with StackLayout with horizontal orientation. We have confirmed this as bug and this fix will be included in our upcoming weekly NuGet release at October 27,2020.  

  

Query 2: The close button is not there   

  

We would like to let you know that since you are populating the chip items through Items property with collection SfChip, you have manually enabled this to render the close button as per in below  

    

chipGroup.Items.Add(new SfChip() { Text = "Extra Small", ShowCloseButton = true });   

chipGroup.Items.Add(new SfChip() { Text = "Small", ShowCloseButton = true });   

   

For your case we suggested to populate data as business objects, please check the UG and sample attached below.   

   

Ug: https://help.syncfusion.com/xamarin/chips/getting-started#populating-business-objects   

   

Sample: https://www.syncfusion.com/downloads/support/forum/158897/ze/ChipGroup-GettingStarted-1435153953.zip   

  

Regards, 

Saravanan. 

[Hemalatha Marikumar]

Hi Amir, 

 

Thanks for your patience. 

 

Query: The entry does not appear in input type ChipGroup. 

 

As promised earlier, we have fixed the reported issue and included into our weekly NuGet which was rolled out today  

 

NuGet Version: 18.3.0.44 

 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

 

Regards,
Hemalatha M.