Today, I am designing UI of Accordion Please, support my blog by clicking on our sponsors ad! As you see in video there are three types of designs: Simple Accordion https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-designs-part-1.html Simple Accordion Listview:  https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-simple-accordion.html Frame Accordion Listview: https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-frame-accordion.html  For Font awesome, please watch video: https://www.youtube.com/watch?v=0l0LYFdLEGs&t=220s First we will create template: BindingFrameView BindingFrameView.xaml <Frame x:Name="frame" HasShadow="True" > <StackLayout x:Name="sl" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <Grid.Colum

  Today, I am designing UI of Accordion Please, support my blog by clicking on our sponsors ad! As you see in video there are three types of designs: Simple Accordion https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-designs-part-1.html Simple Accordion Listview:  https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-simple-accordion.html Frame Accordion Listview: https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-frame-accordion.html  For Font awesome, please watch video: https://www.youtube.com/watch?v=0l0LYFdLEGs&t=220s EmployeeViewModel.cs public class EmployeeDetailViewModel { public string Qualification { get; set; } public string Experience { get; set; } public string Designation { get; set; } } public class EmployeeViewModel : ObservableCollection<EmployeeDetailViewModel>, INotifyPropertyChanged { public string Name { get; set; } public bool IsExpanded { get; set; } = f

 Today, I am designing UI of Accordion Please, support my blog by clicking on our sponsors ad! As you see in video there are three types of designs: Simple Accordion https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-designs-part-1.html Simple Accordion Listview:  https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-simple-accordion.html Frame Accordion Listview: https://xamarinuidesigns.blogspot.com/2021/12/accordion-ui-design-frame-accordion.html For Font awesome, please watch video: https://www.youtube.com/watch?v=0l0LYFdLEGs&t=220s First we will create template: FrameView FrameView.xaml <Frame x:Name="frame" HasShadow="True" > <StackLayout x:Name="sl" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <Grid.ColumnDefinition