| Members | diff --git a/Xamarin/Busy-Indicator/AnimationType.md b/Xamarin/Busy-Indicator/AnimationType.md index c05181fd0..24aa20c34 100644 --- a/Xamarin/Busy-Indicator/AnimationType.md +++ b/Xamarin/Busy-Indicator/AnimationType.md @@ -1,18 +1,16 @@ --- layout: post -title: Animation Type in Xamarin Busy Indicator control | Syncfusion -description: Learn here all about Animation Type support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control and more. -platform: xamarin -control: BusyIndicator +title: Animation Types in Xamarin Busy Indicator Control | Syncfusion +description: Learn about the various animation types supported by the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- -# Animation Type in Xamarin Busy Indicator (SfBusyIndicator) +# Animation Types in Xamarin Busy Indicator (SfBusyIndicator) -## Animation Type in Xamarin BusyIndicator (SfBusyIndicator) +The [`AnimationType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_AnimationType) property of the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) allows users to select from 17 built-in animations. Available animations include: [`Ball`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Ball), [`HorizontalPulsingBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_HorizontalPulsingBox), [`Rectangle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Rectangle), [`Battery`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Battery), [`Globe`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Globe), [`SingleCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_SingleCircle), [`SlicedCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_SlicedCircle), [`DoubleCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_DoubleCircle), [`ECG`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_ECG), [`Print`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Print), [`Box`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Box), [`Gear`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Gear), [`Movie Timer`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_MovieTimer), [`ZoomingTarget`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_ZoomingTarget), [`RollingBall`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_RollingBall), [`Cupertino`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Cupertino), and [`Material`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Material). -The [`AnimationType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_AnimationType) property for the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) allows the users to set one of the 17 animations from the built-in animations. The different types of animations are [`Ball`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Ball), [`HorizontalPulsingBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_HorizontalPulsingBox), [`Rectangle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Rectangle), [`Battery`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Battery), [`Globe`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Globe), [`SingleCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_SingleCircle), [`SlicedCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_SlicedCircle), [`DoubleCircle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_DoubleCircle), [`ECG`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_ECG), [`Print`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Print), [`Box`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Box), [`Gear`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Gear), [`Movie Timer`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_MovieTimer), [`ZoomingTarget`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_ZoomingTarget), [`RollingBall`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_RollingBall), [`Cupertino`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Cupertino) and [`Material`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Material). - -N> [`Material`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Material) animation support has not been provided for UWP Platform. +N> Note that the [`Material`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.AnimationTypes.html#Syncfusion_SfBusyIndicator_XForms_AnimationTypes_Material) animation is not supported on the UWP platform. {% tabs %} @@ -64,6 +62,6 @@ namespace GettingStarted {% endtabs %} -The following gif image contains the types of animation in BusyIndicator. +The following GIF showcases the various animations available in the BusyIndicator.  diff --git a/Xamarin/Busy-Indicator/Duration.md b/Xamarin/Busy-Indicator/Duration.md index dbccf5c5b..6eabeb0c9 100644 --- a/Xamarin/Busy-Indicator/Duration.md +++ b/Xamarin/Busy-Indicator/Duration.md @@ -1,16 +1,15 @@ --- layout: post -title: Animation Duration in Xamarin Busy Indicator control | Syncfusion -description: Learn here all about Animation Duration support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control and more. -platform: xamarin -control: BusyIndicator +title: Animation Duration in Xamarin Busy Indicator Control | Syncfusion +description: Discover the animation duration support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- -# Animation Duration in Xamarin Busy Indicator (SfBusyIndicator) -## Animation Duration in Xamarin BusyIndicator (SfBusyIndicator) +# Animation Duration in Xamarin Busy Indicator (SfBusyIndicator) -The [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Duration) property of [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) indicates timeline for completing one animation cycle. Setting smaller duration value accelerates animation speed. +The [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Duration) property of the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) specifies the time taken to complete one animation cycle. A smaller duration value results in faster animation speed. {% tabs %} diff --git a/Xamarin/Busy-Indicator/Getting-Started.md b/Xamarin/Busy-Indicator/Getting-Started.md index 0ae35a085..eaac6a775 100644 --- a/Xamarin/Busy-Indicator/Getting-Started.md +++ b/Xamarin/Busy-Indicator/Getting-Started.md @@ -1,39 +1,38 @@ --- layout: post -title: Getting Started with Xamarin Busy Indicator control | Syncfusion -description: Learn here about getting started with Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control, its elements and more. -platform: xamarin -control: BusyIndicator +title: Getting Started with Xamarin Busy Indicator Control | Syncfusion +description: Learn how to get started with the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control, including its features and setup. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- # Getting Started with Xamarin Busy Indicator (SfBusyIndicator) -## Getting started with Xamarin Busy Indicator(SfBusyIndicator) +## Introduction -This section explains you the steps to configure a [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control in a real-time scenario and also provides a walk-through on some of the customization features available in [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control. +This guide outlines how to configure and integrate the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) in real-time applications, highlighting customization options available within the control. +## Assembly Deployment -## Assembly deployment +After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), locate the required assemblies in the installation directory under {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib. -After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you can find all the required assemblies in the installation folders, {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib. +Example: `C:\Program Files (x86)\Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib` -E.g.: C:\Program Files (x86) \Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib +N> On a Mac, assemblies can be found in the unzipped package location: Documents/Syncfusion/{Version #}/Xamarin/lib. -N> Assemblies can be found in unzipped package location(Documents/Syncfusion/{Version #}/Xamarin/lib) in Mac. +## Adding SfBusyIndicator Reference -## Adding SfBusyIndicator reference +The [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) reference can be added using the following methods: -You can add [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) reference using one of the following methods: - -**Method 1: Adding SfBusyIndicator reference from nuget.org** - -Syncfusion Xamarin components are available in [nuget.org](https://www.nuget.org/). To add SfBusyIndicator to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfBusyIndicator](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBusyIndicator), and then install it. +**Method 1: NuGet Package Manager** +Syncfusion Xamarin components are available on [nuget.org](https://www.nuget.org/). To add SfBusyIndicator, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfBusyIndicator](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBusyIndicator), and install it.  -N> Install the same version of [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) NuGet in all the projects. +N> Ensure that the same version of the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) NuGet package is installed across all projects. -**Method 2: Adding SfBusyIndicator reference from toolbox** +**Method 2: Xamarin Toolbox** +The Syncfusion Xamarin Toolbox allows you to drag the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control directly onto your XAML page. It will automatically install the required NuGet packages and add the necessary namespace. Refer to [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox) for installation details. Syncfusion also provides Xamarin Toolbox. Using this toolbox, you can drag the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control to the XAML page. It will automatically install the required NuGet packages and add the namespace to the page. To install Syncfusion Xamarin Toolbox, refer to [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox). @@ -70,7 +69,7 @@ I> Starting with v16.2.0.x, if you reference Syncfusion assemblies from the tria To use [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) inside an application, each platform application must initialize the SfBusyIndicator renderer. This initialization step varies from platform to platform and is discussed in the following sections. -### Android and UWP +### Android and UWP The Android and UWP launches the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) without any initialization and is enough to only initialize the Xamarin.Forms Framework to launch the application diff --git a/Xamarin/Busy-Indicator/Make-Busy-Animation-Idle.md b/Xamarin/Busy-Indicator/Make-Busy-Animation-Idle.md index 0a502f527..a2f3a5fb9 100644 --- a/Xamarin/Busy-Indicator/Make-Busy-Animation-Idle.md +++ b/Xamarin/Busy-Indicator/Make-Busy-Animation-Idle.md @@ -1,16 +1,14 @@ --- layout: post title: Make Busy Animation Idle in Xamarin Busy Indicator | Syncfusion -description: Learn here all about Make Busy Animation Idle support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control and more. -platform: xamarin -control: BusyIndicator +description: Discover how to make the busy animation idle in the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- # Make Busy Animation Idle in Xamarin Busy Indicator (SfBusyIndicator) -## Make Busy Animation Idle in Xamarin BusyIndicator(SfBusyIndicator) - -[`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control provides support to determine whether an animation needs to be executed or not. Setting the [`IsBusy`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_IsBusy) property to false will stop the animation and removes the control from view. +The [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control allows developers to determine if an animation should be executed. By setting the [`IsBusy`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_IsBusy) property to `false`, the animation will stop, and the control will be removed from the view. {% tabs %} @@ -64,6 +62,4 @@ namespace GettingStarted {% endtabs %} -N> The default value is true. - - +N> The default value for the `IsBusy` property is `true`. diff --git a/Xamarin/Busy-Indicator/Overview.md b/Xamarin/Busy-Indicator/Overview.md index 7d1ea891d..6280f2726 100644 --- a/Xamarin/Busy-Indicator/Overview.md +++ b/Xamarin/Busy-Indicator/Overview.md @@ -1,22 +1,22 @@ --- layout: post -title: About Xamarin Busy Indicator control | Syncfusion -description: Learn here all about introduction of Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control, its elements and more. -platform: xamarin -control: BusyIndicator +title: About Xamarin Busy Indicator Control | Syncfusion +description: Discover the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control, its features, and implementations. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- # Xamarin Busy Indicator (SfBusyIndicator) Overview -The Essential [Xamarin BusyIndicator](https://www.syncfusion.com/xamarin-ui-controls/xamarin-busy-indicator) control includes over 10 built-in animations that can be displayed within your applications. It can be used to indicate busy status during app loading, data processing, etc. +The [Xamarin BusyIndicator](https://www.syncfusion.com/xamarin-ui-controls/xamarin-busy-indicator) is a versatile control offering over 10 built-in animations to visualize busy status within applications. It is ideal for indicating loading processes, data processing activities, and more.  ## Key Features -* Provides 10 built-in busy indicator animations -* Supports to show/hide busy indicator. -* Displays busy text with animation. -* Provides simple and easy options to size the control. -* Provides option to adjust the animation speed. \ No newline at end of file +* Offers over 10 built-in busy indicator animations. +* Supports showing and hiding the busy indicator easily. +* Displays busy text alongside animations. +* Provides straightforward options for resizing the control. +* Allows adjustments to animation speed for customization. diff --git a/Xamarin/Busy-Indicator/Set-Header.md b/Xamarin/Busy-Indicator/Set-Header.md index 74ed990d0..664389d06 100644 --- a/Xamarin/Busy-Indicator/Set-Header.md +++ b/Xamarin/Busy-Indicator/Set-Header.md @@ -1,18 +1,16 @@ --- layout: post -title: Set Header in Xamarin Busy Indicator control | Syncfusion -description: Learn here all about Set Header support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control and more. -platform: xamarin -control: BusyIndicator +title: Set Header in Xamarin Busy Indicator Control | Syncfusion +description: Explore how to set headers in the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- # Set Header in Xamarin Busy Indicator (SfBusyIndicator) -## Set Header in Xamarin Busy Indicator (SfBusyIndicator) - ## Title -[`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) provides option to set the text that indicates the information related to loading. This can be done using [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) property. +The [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) control allows you to set informative text related to loading processes using the [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) property. {% tabs %} @@ -66,7 +64,7 @@ namespace GettingStarted ## TextColor -[`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) provides options to change the color of the text. The color of the text can be changed using the [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TextColor) property. +The `SfBusyIndicator` provides the ability to customize the color of the text using the [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TextColor) property. {% tabs %} @@ -122,7 +120,7 @@ namespace GettingStarted ## TextSize -[`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) provides options to change the size of the text. The size of the text can be changed using the [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TextSize) property. +You can adjust the text size in the `SfBusyIndicator` using the [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TextSize) property. {% tabs %} @@ -180,7 +178,7 @@ namespace GettingStarted ## TitlePlacement -[`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) provides options to set the [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) at the top or bottom of the Busy Indicator. The [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) can be set using the [`TitlePlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TitlePlacement) property. When the [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) is not needed, set the [`TitlePlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TitlePlacement) property of [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) to [`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.TitlePlacement.html#Syncfusion_SfBusyIndicator_XForms_TitlePlacement_None). +The `SfBusyIndicator` offers functionality to position the [`Title`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_Title) at the top or bottom of the control using the [`TitlePlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TitlePlacement) property. Set [`TitlePlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_TitlePlacement) to [`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.TitlePlacement.html#Syncfusion_SfBusyIndicator_XForms_TitlePlacement_None) if the title is unnecessary. {% tabs %} diff --git a/Xamarin/Busy-Indicator/Sizing.md b/Xamarin/Busy-Indicator/Sizing.md index 03a65e8bd..ed9c8c6c8 100644 --- a/Xamarin/Busy-Indicator/Sizing.md +++ b/Xamarin/Busy-Indicator/Sizing.md @@ -1,16 +1,15 @@ --- layout: post -title: Sizing in Xamarin Busy Indicator control | Syncfusion -description: Learn here all about Sizing support in Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control and more. -platform: xamarin -control: BusyIndicator +title: Sizing in Xamarin Busy Indicator Control | Syncfusion +description: Understand sizing options in the Syncfusion Xamarin Busy Indicator (SfBusyIndicator) control. +platform: Xamarin +control: SfBusyIndicator documentation: ug --- -# Sizing in Xamarin Busy Indicator (SfBusyIndicator) -## Sizing in Xamarin BusyIndicator (SfBusyIndicator) +# Sizing in Xamarin Busy Indicator (SfBusyIndicator) -Drawing size can be customized in [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html). [`ViewBoxHeight`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_ViewBoxHeight) and [`ViewBoxWidth`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_ViewBoxWidth) properties can be used to set height and width of the Indicator. +The size of the drawing area in the [`SfBusyIndicator`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html) can be customized using the [`ViewBoxHeight`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_ViewBoxHeight) and [`ViewBoxWidth`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfBusyIndicator.XForms.SfBusyIndicator.html#Syncfusion_SfBusyIndicator_XForms_SfBusyIndicator_ViewBoxWidth) properties, which allow you to set the height and width of the indicator. {% tabs %} diff --git a/Xamarin/Carousel-View/Accessibility.md b/Xamarin/Carousel-View/Accessibility.md index 32bd2e106..fa5fecb74 100644 --- a/Xamarin/Carousel-View/Accessibility.md +++ b/Xamarin/Carousel-View/Accessibility.md @@ -1,20 +1,20 @@ --- -layout : post -title: Accessibility in Xamarin Carousel View control | Syncfusion -description: Learn here all about Accessibility support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin.Forms -control : SfCarousel -documentation : ug +layout: post +title: Accessibility in Xamarin Carousel View Control | Syncfusion +description: Discover the accessibility support offered by the Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin.Forms +control: SfCarousel +documentation: ug --- # Accessibility in Xamarin Carousel View (SfCarousel) -The [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control has built-in `AutomationId` for inner elements. The `AutomationId` API allows the automation framework to find and interact with the inner elements of the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control. To keep unique AutomationId, these inner elements' AutomationIds are updated based on the control's `AutomationId`. +The [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control provides built-in `AutomationId` for its inner elements. This `AutomationId` API enables automation frameworks to locate and interact seamlessly with the inner elements of the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control. Inner elements' AutomationIds are uniquely updated based on the control's `AutomationId` to ensure uniqueness. - For example, if you set SfCarouselItem's `AutomationId` as "Person", then the automation framework will interact the fourth carousel item as "Person SfCarouselItem 4 of 6" (6 denotes the total count). +For example, if you set a SfCarouselItem's `AutomationId` to "Person," the automation framework will reference the fourth carousel item as "Person SfCarouselItem 4 of 6" (where 6 denotes the total count). - The following screenshot illustrates the AutomationIds of inner elements. If the SfCarousel's `AutomationId` as Gallery, then the Automation framework will interact the LoadMore as "Gallery LoadMore. Tap to load more items". You cannot interact with the carousel item when you want to select an index that is not visible in the view. +The following screenshot illustrates the AutomationIds of inner elements. If the SfCarousel's `AutomationId` is set to "Gallery," the automation framework will identify the LoadMore as "Gallery LoadMore. Tap to load more items." Note that interaction with a carousel item is restricted if you attempt to select an index not visibly displayed. - N> You cannot provide AutomationId when the carousel item is populated with custom template. +N> Please note that `AutomationId` cannot be provided when the carousel item is populated using a custom template.  diff --git a/Xamarin/Carousel-View/Animation.md b/Xamarin/Carousel-View/Animation.md index af51d9e01..7112b5d35 100644 --- a/Xamarin/Carousel-View/Animation.md +++ b/Xamarin/Carousel-View/Animation.md @@ -1,15 +1,15 @@ --- -layout : post -title: Animation in Xamarin Carousel View control | Syncfusion -description: Learn here all about Animation support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Animation in Xamarin Carousel View Control | Syncfusion +description: Explore the animation support provided by the Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: Carousel +documentation: ug --- # Animation in Xamarin Carousel View (SfCarousel) -The [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Duration) property of the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control is used to specify the time taken to move an item to the selected item position. The duration is specified in seconds. The default value is 300 ms. +The [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Duration) property of the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control dictates the timeframe during which an item moves to the selected item position. Specified in milliseconds, this property facilitates smooth transitions. The default value is 300 ms. {% tabs %} diff --git a/Xamarin/Carousel-View/Linear-Arrangement.md b/Xamarin/Carousel-View/Linear-Arrangement.md index 7d87ff1f0..8da64ae7b 100644 --- a/Xamarin/Carousel-View/Linear-Arrangement.md +++ b/Xamarin/Carousel-View/Linear-Arrangement.md @@ -1,15 +1,15 @@ --- -layout : post -title: Linear Arrangement in Xamarin Carousel View control | Syncfusion -description: Learn here all about Linear Arrangement support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Linear Arrangement in Xamarin Carousel View Control | Syncfusion +description: Explore the linear arrangement support in Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel +documentation: ug --- # Linear Arrangement in Xamarin Carousel View (SfCarousel) -The Carousel items can be populated in the view in a stacked linear layout by setting the [`ViewMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ViewMode) property to [`Linear`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.ViewMode.html#Syncfusion_SfCarousel_XForms_ViewMode_Linear). The present option is [`Default`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.ViewMode.html#Syncfusion_SfCarousel_XForms_ViewMode_Default). +You can arrange carousel items in a stacked linear layout by setting the [`ViewMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ViewMode) property to [`Linear`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.ViewMode.html#Syncfusion_SfCarousel_XForms_ViewMode_Linear). The default configuration uses [`Default`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.ViewMode.html#Syncfusion_SfCarousel_XForms_ViewMode_Default) mode. {% tabs %} @@ -121,9 +121,6 @@ namespace CarouselSample {% endtabs %} -N> It is important to include Xamarin.Android.Support.v17.Leanback library to use carousel linear mode in Android platform. - - - - +N> For Android platform, include the Xamarin.Android.Support.v17.Leanback library to utilize carousel linear mode. + diff --git a/Xamarin/Carousel-View/LoadMore.md b/Xamarin/Carousel-View/LoadMore.md index 2b1fdc235..ed441e933 100644 --- a/Xamarin/Carousel-View/LoadMore.md +++ b/Xamarin/Carousel-View/LoadMore.md @@ -1,29 +1,27 @@ --- -layout : post -title: Load More in Xamarin Carousel View control | Syncfusion -description: Learn here all about Load More support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Load More in Xamarin Carousel View Control | Syncfusion +description: Explore the Load More support in Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel +documentation: ug --- # Load More in Xamarin Carousel View (SfCarousel) -Virtualization can be achieved by using the Load more concept. This support is used to handle the numerous items in the carousel control. A particular items are maintained in the view port based on the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property. The LoadMore view is added after the last item in the collection of carousel view. When tapping the LoadMore view, the next set of items in the collection can be added to the carousel. +The concept of "Load More" supports virtualization, enabling the efficient handling of numerous items in the carousel control. By using the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property, specific items are maintained within the viewport. The LoadMore view is appended after the last item in the carousel collection and tapping it will add the next set of items. -The following properties are used to achieve this support: +The following properties facilitate this feature: -* [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) - -* [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) - -* [`LoadMoreView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreView) +* [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) +* [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) +* [`LoadMoreView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreView) ## AllowLoadMore -By enabling the [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) property, the LoadMore support works in the carousel view. +Enabling the [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) property activates the Load More support in the carousel view. -N>The default value of the [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) property is false. +N> By default, the [`AllowLoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_AllowLoadMore) property is set to false. {% tabs %} @@ -140,9 +138,9 @@ namespace CarouselSample ## LoadMoreItemsCount -Number of items can be maintained in the carousel control by using the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property. By using the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property, numerous items can be separated. +The carousel can maintain a certain number of items using the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property. This property allows the separation of numerous items. -N>The default value of the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property is 3. +N> The default value of the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) property is 3. {% tabs %} @@ -420,13 +418,13 @@ namespace CarouselSample {% endtabs %} - + -You can find the complete Load More sample from this [link.](https://github.com/SyncfusionExamples/load-more-carousel) +Find the complete Load More sample from this [link](https://github.com/SyncfusionExamples/load-more-carousel). -## LoadMore method +## LoadMore Method -To load more items programmatically, [`LoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMore) method can be called which loads the items dynamically to the UI based on the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) API value. +To programmatically load more items, call the [`LoadMore`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMore) method. This dynamically adds items to the UI based on the [`LoadMoreItemsCount`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_LoadMoreItemsCount) API value. {% tabs %} diff --git a/Xamarin/Carousel-View/Populating-Data.md b/Xamarin/Carousel-View/Populating-Data.md index d5c419885..f6cc7b543 100644 --- a/Xamarin/Carousel-View/Populating-Data.md +++ b/Xamarin/Carousel-View/Populating-Data.md @@ -1,28 +1,24 @@ --- -layout : post -title: Populating Data in Xamarin Carousel View control | Syncfusion -description: Learn here all about Populating Data support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Populating Data in Xamarin Carousel View Control | Syncfusion +description: Discover how to populate data in the Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel +documentation: ug --- # Populating Data in Xamarin Carousel View (SfCarousel) -[`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control, supports binding to different data sources such as IList Data Source, Observable Collection Data Source. +The [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control supports binding to various data sources, such as `IList` and `ObservableCollection`. ## Through Binding -Items can be populated in [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control through data source and applying custom template as explained below. +Items can be populated in the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control through data sources and by applying custom templates as explained below. -### Create a Model with Data - -[`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) items can be populated with a collection of image data. For example, a user may wants to create a [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control which will display a list of images. - -The [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) model looks as follows. +### Create a Data Model +[`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) items can be populated using a collection of image data. For instance, a user may want to create a [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control to display a list of images. Below is an example model: {% highlight C# %} - namespace CarouselSample { public class CarouselModel @@ -43,7 +39,7 @@ namespace CarouselSample {% endhighlight %} -Populate carousel items collection in View model with the image data. The below code works when the images are placed within the application folder for Android, iOS and UWP with build action Android Resource, Bundled Resource and Content respectively. +Using the above model, populate the carousel items collection in the ViewModel with image data. This code works when images are placed within the application folder for Android, iOS, and UWP, with build actions Android Resource, Bundled Resource, and Content, respectively. {% highlight C# %} @@ -72,12 +68,11 @@ namespace CarouselSample {% endhighlight %} -N> Images can also be referred in PCL and from website URL as [instructed](https://developer.xamarin.com/guides/xamarin-forms/working-with/images/) - +N> Images can also be referenced in PCL and from a website URL as [instructed here](https://developer.xamarin.com/guides/xamarin-forms/working-with/images/). -### Binding the Data with Custom Template +### Binding Data with a Custom Template -[`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) provides support to add a custom view as carousel items by designing a view inside its [`ItemTemplate`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ItemTemplate). This template will be applied for all its items and its data will be binded. +[`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) allows adding a custom view as carousel items by designing a view within its [`ItemTemplate`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ItemTemplate). This template is applied to all items. {% tabs %} @@ -186,7 +181,7 @@ namespace CarouselSample {% endhighlight %} {% endtabs %} -* Now set the `BindingContext` for the items collection in code behind. +- Set the `BindingContext` for the items collection in the code behind. {% highlight C# %} @@ -196,7 +191,7 @@ namespace CarouselSample ## Through Carousel Item -Different set of views can be provided to every items through [`ItemContent`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html#Syncfusion_SfCarousel_XForms_SfCarouselItem_ItemContent) property available in [`SfCarouselItem`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html) class. +Different sets of views can be provided for each item using the [`ItemContent`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html#Syncfusion_SfCarousel_XForms_SfCarouselItem_ItemContent) property available in the [`SfCarouselItem`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html) class. {% highlight C# %} @@ -234,7 +229,7 @@ namespace CarouselSample {% endhighlight %} -and also carousel provides a support to display only the Image data with [`Image`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html#Syncfusion_SfCarousel_XForms_SfCarouselItem_ImageName) property in [`SfCarouselItem`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html) class. +Additionally, carousel provides support to display only the image data with the [`Image`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html#Syncfusion_SfCarousel_XForms_SfCarouselItem_ImageName) property in the [`SfCarouselItem`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarouselItem.html) class. {% highlight C# %} @@ -271,7 +266,4 @@ namespace CarouselSample {% endhighlight %} - -Similar way every item can be created and customized in case of different carousel item view is needed. - - +Each item can be customized for specific use cases requiring different views for carousel items. diff --git a/Xamarin/Carousel-View/SwipeEvents.md b/Xamarin/Carousel-View/SwipeEvents.md index 7759151c6..27bdc2148 100644 --- a/Xamarin/Carousel-View/SwipeEvents.md +++ b/Xamarin/Carousel-View/SwipeEvents.md @@ -1,9 +1,9 @@ --- layout: post -title: Swipe Events in Xamarin Carousel View control | Syncfusion -description: Learn here all about Swipe Events support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform: xamarin -control: Carousel +title: Swipe Events in Xamarin Carousel View Control | Syncfusion +description: Explore the swipe events supported by the Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel documentation: ug --- @@ -11,13 +11,13 @@ documentation: ug ## Swipe Start -The [`SwipeStarted`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeStarted) event will be triggered when swipe gesture is started. +The [`SwipeStarted`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeStarted) event is triggered when a swipe gesture begins. -[`SwipeStartedEventArgs`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SwipeStartedEventArgs.html) contains [`IsSwipeLeft`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SwipeStartedEventArgs.html#Syncfusion_SfCarousel_XForms_SwipeStartedEventArgs_IsSwipedLeft) value, which denotes whether the swipe direction is from left side or not. +[`SwipeStartedEventArgs`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SwipeStartedEventArgs.html) includes the [`IsSwipeLeft`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SwipeStartedEventArgs.html#Syncfusion_SfCarousel_XForms_SwipeStartedEventArgs_IsSwipedLeft) property, indicating whether the swipe direction is from the left side. ## Swipe End -The [`SwipeEnded`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeEnded) event can be triggered after the swiping completed in the carousel items. +The [`SwipeEnded`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeEnded) event is triggered when swiping completes on the carousel items. {% tabs %} @@ -145,6 +145,6 @@ namespace CarouselSample {% endtabs %} -N> The [`SwipeStarted`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeStarted) and [`SwipeEnded`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeEnded) events are supported only on the Android and iOS platforms. +N> The [`SwipeStarted`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeStarted) and [`SwipeEnded`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SwipeEnded) events are supported on Android and iOS platforms only.  diff --git a/Xamarin/Carousel-View/Transformation.md b/Xamarin/Carousel-View/Transformation.md index f6523ac36..041b11b5c 100644 --- a/Xamarin/Carousel-View/Transformation.md +++ b/Xamarin/Carousel-View/Transformation.md @@ -1,21 +1,21 @@ --- -layout : post -title: Transformation in Xamarin Carousel View control | Syncfusion -description: Learn here all about Transformation support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Transformation in Xamarin Carousel View Control | Syncfusion +description: Explore the transformation support in Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel +documentation: ug --- # Transformation in Xamarin Carousel View (SfCarousel) -The [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Offset) between selected and unselected item can be customized in [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control. And also the items can be scaled to the specified value. +The [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Offset) property in the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control allows customization of the space between selected and unselected items. Items can also be scaled to a specified value. -## Tilt Non Selected Items +## Tilt Non-Selected Items The [`RotationAngle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_RotationAngle) property in the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control is used to tilt all the unselected items in a specified angle. -N> If the angle value is positive, then the rotation is in the clockwise direction. If the angle value is negative, the rotation is in the counterclockwise direction. +N> A positive angle value indicates rotation in the clockwise direction, while a negative value rotates counterclockwise. {% tabs %} @@ -139,9 +139,9 @@ namespace CarouselSample {% endtabs %} - + -## Set Gap between Selected and unselected Item +## Set Gap Between Selected and Unselected Item Distance between the selected item and other items can be customized by using [`SelectedItemOffset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SelectedItemOffset) property of the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control. @@ -315,10 +315,9 @@ namespace CarouselSample  -## Spacing between the Items in Linear mode - -Spacing of all the items in Linear mode can be determined by using [`ItemSpacing`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ItemSpacing) property. +## Spacing Between Items in Linear Mode +The [`ItemSpacing`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_ItemSpacing) property determines the spacing between items in Linear mode. {% tabs %} {% highlight xaml %} diff --git a/Xamarin/Carousel-View/UIVirtualization.md b/Xamarin/Carousel-View/UIVirtualization.md index 144769285..a10ca20e1 100644 --- a/Xamarin/Carousel-View/UIVirtualization.md +++ b/Xamarin/Carousel-View/UIVirtualization.md @@ -1,25 +1,24 @@ --- -layout : post -title: UIVirtualization in Xamarin Carousel View control | Syncfusion -description: Learn here all about UIVirtualization support in Syncfusion Xamarin Carousel View (SfCarousel) control and more. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: UI Virtualization in Xamarin Carousel View Control | Syncfusion +description: Discover the UI virtualization support in Syncfusion Xamarin Carousel View (SfCarousel) control. +platform: Xamarin +control: SfCarousel +documentation: ug --- -# UIVirtualization in Xamarin Carousel View (SfCarousel) +# UI Virtualization in Xamarin Carousel View (SfCarousel) -In UI virtualization concept, only the number of items that can be adaptable to the viewport of our device are arranged. Even, if the numerous items have been added to the collection, it loads only the viewport adaptable count of the carousel Items. Items are added at the right of the view when swiping the countable items in forward direction. At the same time, same number of items are removed at the left of the view for maintaining the same viewport items count. Similarly, items are added at the left of the view when swiping in backward direction for maintaining the same viewport items count. At the time, the same number of items are removed at the right of the view. Using this mechanism, virtualization concept is achieved in the carousel control. - -The following property has been used in UIVirtualization support: +UI Virtualization allows the `SfCarousel` to efficiently manage resource usage by only rendering the number of items visible in the viewport. Even if a collection contains numerous items, only those that fit within the viewport are loaded. As users swipe forward, new items appear on the right, while an equal number of items are removed from the left to maintain the count. Similarly, when swiping backward, items are added from the left while the same number is removed from the right. This mechanism optimizes performance in the carousel control. +The primary property used for UI virtualization is: * [`EnableVirtualization`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_EnableVirtualization) ## EnableVirtualization -UI Virtualization concept is achieved by enabling the [`EnableVirtualization`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_EnableVirtualization) property. +Enabling the [`EnableVirtualization`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_EnableVirtualization) property activates UI virtualization for the carousel view. -N> The default value of the [`EnableVirtualization`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_EnableVirtualization) property is false. +N> By default, the [`EnableVirtualization`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_EnableVirtualization) property is set to `false`. {% tabs %} @@ -134,6 +133,6 @@ namespace CarouselSample {% endtabs %} - + -You can find the complete UIVirtualization sample from this [link.](https://github.com/SyncfusionExamples/ui-virtualization-carousel) +Access the complete UI Virtualization sample from this [link](https://github.com/SyncfusionExamples/ui-virtualization-carousel). diff --git a/Xamarin/Carousel-View/getting-started.md b/Xamarin/Carousel-View/getting-started.md index a62aca0ec..57f544935 100644 --- a/Xamarin/Carousel-View/getting-started.md +++ b/Xamarin/Carousel-View/getting-started.md @@ -1,43 +1,43 @@ --- layout: post -title: Getting Started with Xamarin Carousel View control | Syncfusion -description: Learn here about getting started with Syncfusion Xamarin Carousel View (SfCarousel) control, its elements and more. -platform: xamarin -control: Carousel +title: Getting Started with Xamarin Carousel View Control | Syncfusion +description: Discover how to get started with the Syncfusion Xamarin Carousel View (SfCarousel) control, including its elements and more. +platform: Xamarin +control: SfCarousel documentation: ug --- # Getting Started with Xamarin Carousel View (SfCarousel) -This section explains how to showcase a Gallery of photos along with a Title using [Xamarin Carousel View](https://www.syncfusion.com/xamarin-ui-controls/xamarin-carousel-view) (SfCarousel) Control. +This guide explains how to showcase a gallery of photos with titles using the [Xamarin Carousel View](https://www.syncfusion.com/xamarin-ui-controls/xamarin-carousel-view) (SfCarousel) Control. -## Assembly deployment +## Assembly Deployment -After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you can find all the required assemblies in the installation folders, {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib. +After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you will find all the necessary assemblies in the installed location under {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib. E.g.: C:\Program Files (x86) \Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib N> Assemblies can be found in unzipped package location(Documents/Syncfusion/{Version #}/Xamarin/lib) in Mac. -## Adding SfCarousel reference +## Adding SfCarousel References -You can add [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) reference using one of the following methods: +You can add a reference to the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) using one of the following methods: -**Method 1: Adding SfCarousel reference from nuget.org** +### Method 1: Adding SfCarousel Reference from NuGet.org -Syncfusion Xamarin components are available in [nuget.org](https://www.nuget.org/). To add [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfCarousel](https://www.nuget.org/packages/Syncfusion.Xamarin.SfCarousel), and then install it. +Syncfusion Xamarin components are available on [nuget.org](https://www.nuget.org/). To add [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfCarousel](https://www.nuget.org/packages/Syncfusion.Xamarin.SfCarousel), and install it.  -N> Install the same version of [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) NuGet in all the projects. +N> Ensure the same version of [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) NuGet is installed in all projects. -**Method 2: Adding SfCarousel reference from toolbox** +### Method 2: Adding SfCarousel Reference from Toolbox -Syncfusion also provides Xamarin Toolbox. Using this toolbox, you can drag the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control to the XAML page. It will automatically install the required NuGet packages and add the namespace to the page. To install Syncfusion Xamarin Toolbox, refer to [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox). +Syncfusion offers a Xamarin Toolbox. Using this toolbox, you can drag the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) control onto the XAML page, which will automatically install the required NuGet packages and add the namespace. To install Syncfusion Xamarin Toolbox, refer to [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox). -**Method 3: Adding SfCarousel assemblies manually from the installed location** +### Method 3: Adding SfCarousel Assemblies Manually from Installed Location -If you prefer to manually reference the assemblies instead referencing from NuGet, add the following assemblies in respective projects. +For manual referencing of assemblies rather than using NuGet, add the following assemblies to their respective projects. Location: {Installed location}/{version}/Xamarin/lib @@ -69,7 +69,7 @@ I> Starting with v16.2.0.x, if you reference Syncfusion assemblies from the tria To use [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) inside an application, each platform application must initialize the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) renderer. This initialization step varies from platform to platform and is discussed in the following sections. -### Android and UWP +### Android and UWP The Android and UWP launches the [`SfCarousel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html) without any initialization and is enough to only initialize the Xamarin.Forms Framework to launch the application diff --git a/Xamarin/Carousel-View/how-to.md b/Xamarin/Carousel-View/how-to.md index 0a8411a4b..649a58bdc 100644 --- a/Xamarin/Carousel-View/how-to.md +++ b/Xamarin/Carousel-View/how-to.md @@ -1,15 +1,15 @@ --- -layout : post -title: Interaction in Syncfusion Carousel Control in Xamarin. -description: Learn how to perform an operation while changing the carouselItem or Collection in Carousel for Xamarin. -platform : xamarin -control : Carousel -documentation : ug +layout: post +title: Interaction with Syncfusion Carousel Control in Xamarin +description: Discover how to perform operations when changing a carousel item or collection in the Carousel for Xamarin. +platform: Xamarin +control: SfCarousel +documentation: ug --- -# How to perform an operation while changing the carouselItem? +# How to Perform Operations When Changing a Carousel Item -We can perform operation while changing the carouselItem using [`SelectionChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SelectionChanged) event. [`SelectionChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SelectionChanged) event returns the index and selected carouselItem +You can perform operations during carousel item changes using the [`SelectionChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_SelectionChanged) event. This event returns the index and the selected carousel item. {% tabs %} diff --git a/Xamarin/Carousel-View/overview.md b/Xamarin/Carousel-View/overview.md index 6eb7e840c..06103aa07 100644 --- a/Xamarin/Carousel-View/overview.md +++ b/Xamarin/Carousel-View/overview.md @@ -1,21 +1,19 @@ --- layout: post -title: About Xamarin Carousel View control | Syncfusion -description: Learn here all about introduction of Syncfusion Xamarin Carousel View (SfCarousel) control, its elements and more. -platform: xamarin -control: Carousel +title: About Xamarin Carousel View Control | Syncfusion +description: Introduction to the Syncfusion Xamarin Carousel View (SfCarousel) control, its features, and more. +platform: Xamarin +control: SfCarousel documentation: ug --- # Xamarin Carousel View (SfCarousel) Overview -The Essential Xamarin Carousel control allows navigating through image data in an interactive way so that they can be viewed or selected. Also, provides various customization options for its item arrangements. -It has been available in Xamarin.Forms,Xamarin.Android and Xamarin.iOS platforms also. +The Essential Xamarin Carousel control offers an interactive way to navigate through image data, allowing users to view or select items. This control supports extensive customization options for item arrangements and is available on Xamarin.Forms, Xamarin.Android, and Xamarin.iOS platforms. + - +## Key Features -## Key Features: - -* [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Offset) - Support to specify the space between the unselected items in SfCarousel. -* [`Rotation Angle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_RotationAngle) - Options to rotate all the items to a specified angle. -* [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Duration) - Support to specify the time taken to move an item to the selected item position. +* [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Offset) - Enables specifying the space between unselected items in SfCarousel. +* [`Rotation Angle`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_RotationAngle) - Allows rotating all items to a specified angle. +* [`Duration`](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfCarousel.XForms.SfCarousel.html#Syncfusion_SfCarousel_XForms_SfCarousel_Duration) - Specifies the time taken to move an item to the selected position. diff --git a/Xamarin/ComboBox/Accessibility.md b/Xamarin/ComboBox/Accessibility.md index 9b1063169..be924e68e 100644 --- a/Xamarin/ComboBox/Accessibility.md +++ b/Xamarin/ComboBox/Accessibility.md @@ -1,18 +1,18 @@ --- -layout : post -title: Accessibility in Xamarin ComboBox control | Syncfusion -description: Learn here all about Accessibility support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform : Xamarin.Forms -control : SfComboBox -documentation : ug +layout: post +title: Accessibility in Xamarin ComboBox Control | Syncfusion +description: Learn here all about accessibility support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin.Forms +control: SfComboBox +documentation: ug --- # Accessibility in Xamarin ComboBox (SfComboBox) -The [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control has built-in `AutomationId` for inner elements. The `AutomationId` API allows the automation framework to find and interact with the inner elements of the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control. To keep unique AutomationId, these inner elements' AutomationIds are updated based on the control's `AutomationId`. +The [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control has built-in `AutomationId` properties for its inner elements. The `AutomationId` API enables the automation framework to locate and interact with these elements. To ensure unique `AutomationId` values, the `AutomationId` for inner elements is updated based on the control's `AutomationId`. - For example, If you set SfComboBox's `AutomationId` as "Employee ComboBox", then the automation framework will interact with the drop-down button as "Employee ComboBox Dropdown Button". +For example, if you set the `AutomationId` of the SfComboBox to "Employee ComboBox", the automation framework will reference the drop-down button as "Employee ComboBox Dropdown Button". -The following screenshot illustrates the AutomationIds of inner elements. The automation framework will interact with the dropdown for scrolling the items as "Employee ComboBox Dropdown". You can also interact with the elements inside the HeaderView and FooterView with the element's AutomationId. The Automation framework will not interact with the Input Clear Button when the [`MultiSelectMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MultiSelectMode) is [`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_None) and [`Delimiter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_Delimiter) mode. +The following screenshot illustrates the AutomationIds of inner elements. The automation framework will refer to the dropdown for scrolling items as "Employee ComboBox Dropdown". You can also interact with elements within the HeaderView and FooterView using their `AutomationId`. Note that the automation framework will not interact with the Input Clear Button when the [`MultiSelectMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MultiSelectMode) is set to [`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_None) or [`Delimiter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_Delimiter) mode.  diff --git a/Xamarin/ComboBox/AutoSizing.md b/Xamarin/ComboBox/AutoSizing.md index 449190aee..3c8ce05b3 100644 --- a/Xamarin/ComboBox/AutoSizing.md +++ b/Xamarin/ComboBox/AutoSizing.md @@ -1,7 +1,7 @@ --- layout: post -title: AutoSizing in Xamarin ComboBox control | Syncfusion -description: Learn here all about AutoSizing support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. +title: AutoSizing in Xamarin ComboBox Control | Syncfusion +description: Learn about the AutoSizing support in the Syncfusion Xamarin ComboBox (SfComboBox) control among other features. platform: Xamarin control: SfComboBox documentation: ug @@ -9,9 +9,9 @@ documentation: ug # AutoSizing in Xamarin ComboBox (SfComboBox) -AutoSizing can be enabled in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control so that the control will extend its layout based on the text input. +AutoSizing can be enabled in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control, allowing it to adjust its layout dynamically based on the text input. -[`EnableAutoSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_EnableAutoSize) property is used to enable the autoSizing in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control. To enable the API, you need to set the [`MultiSelectMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MultiSelectMode) as [`Token`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_Token) and [`TokensWrapMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TokensWrapMode) as [`Wrap`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.TokensWrapMode.html#Syncfusion_XForms_ComboBox_TokensWrapMode_Wrap). The default value of [`EnableAutoSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_EnableAutoSize) is false. +To enable AutoSizing within the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control, set the [`EnableAutoSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_EnableAutoSize) property to true. Note that this requires the [`MultiSelectMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MultiSelectMode) to be set to [`Token`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.MultiSelectMode.html#Syncfusion_XForms_ComboBox_MultiSelectMode_Token) and [`TokensWrapMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TokensWrapMode) to [`Wrap`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.TokensWrapMode.html#Syncfusion_XForms_ComboBox_TokensWrapMode_Wrap). The default setting for [`EnableAutoSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_EnableAutoSize) is false. {% tabs %} {% highlight xaml %} diff --git a/Xamarin/ComboBox/ComboBox-Filtering-Options.md b/Xamarin/ComboBox/ComboBox-Filtering-Options.md index e9b4a9bdf..9a21182e9 100644 --- a/Xamarin/ComboBox/ComboBox-Filtering-Options.md +++ b/Xamarin/ComboBox/ComboBox-Filtering-Options.md @@ -1,14 +1,14 @@ --- -layout : post -title: ComboBox Filtering Options in Xamarin ComboBox control | Syncfusion -description: Learn here all about ComboBox Filtering Options support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform : Xamarin.Forms -control : SfComboBox -documentation : ug +layout: post +title: ComboBox Filtering Options in Xamarin ComboBox Control | Syncfusion +description: Learn about the ComboBox Filtering Options support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin.Forms +control: SfComboBox +documentation: ug --- # ComboBox Filtering Options in Xamarin ComboBox (SfComboBox) -The combo box enables the filer option for filtering the suggestions in the drop-down. +The ComboBox supports filtering options to narrow down the suggestions in the drop-down list. {% tabs %} @@ -203,9 +203,22 @@ Content = layout;  -### Filtering words that contain input text +## Filtering Types -Displays all the matches that contain the typed characters in control. This strategy is case in-sensitive. +The method of string comparison for filtering suggestions can be adjusted using the [`SuggestionMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_SuggestionMode) property. By default, the filtering type is [`StartsWith`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_StartsWith) and it is case-insensitive. The available filtering modes include: + +- [`StartsWith`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_StartsWith) +- [`StartsWithCaseSensitive`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_StartsWithCaseSensitive) +- [`Contains`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_Contains) +- [`ContainsWithCaseSensitive`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_ContainsWithCaseSensitive) +- [`Equals`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_Equals) +- [`EqualsWithCaseSensitive`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_EqualsWithCaseSensitive) +- [`EndsWith`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_EndsWith) +- [`EndsWithCaseSensitive`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_EndsWithCaseSensitive) +- [`Custom`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionMode.html#Syncfusion_XForms_ComboBox_SuggestionMode_Custom) +### Filtering Words that Start with Input Text + +Displays all matches that start with the typed characters in the control. This strategy is case-insensitive. {% tabs %} @@ -373,7 +386,7 @@ Content = layout; #### Filtering words that equals input text - case sensitive -Displays all the words that completely match with the typed characters in control. This strategy is case sensitive. +Displays all matches that start with the typed characters in control. This strategy is case-sensitive. {% tabs %} @@ -564,10 +577,9 @@ Content = layout;  +### Filtering Words that Contain Input Text -#### Filtering words that end with input text - case sensitive - -Displays all the matches that ends with the typed characters in control. This strategy is case sensitive. +Displays all matches that contain the typed characters in control. This strategy is case-insensitive. {% tabs %} @@ -797,4 +809,8 @@ Content = layout;  -N> The deletion of a character is not support in this mode which is a known framework issue. \ No newline at end of file +N> The deletion of a character is not support in this mode which is a known framework issue. + + "Ukraine", + "United Arab Emirates", + " diff --git a/Xamarin/ComboBox/Customizing-ComboBox.md b/Xamarin/ComboBox/Customizing-ComboBox.md index e4110b43d..48e514e7e 100644 --- a/Xamarin/ComboBox/Customizing-ComboBox.md +++ b/Xamarin/ComboBox/Customizing-ComboBox.md @@ -1,39 +1,37 @@ --- -layout : post -title: Customizing ComboBox in Xamarin ComboBox control | Syncfusion -description: Learn here all about Customizing ComboBox support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform : Xamarin -control : SfComboBox -documentation : ug +layout: post +title: Customizing ComboBox in Xamarin ComboBox Control | Syncfusion +description: Learn about customizing the Syncfusion Xamarin ComboBox (SfComboBox) control in detail, including entry and drop-down parts. +platform: Xamarin +control: SfComboBox +documentation: ug --- # Customizing ComboBox in Xamarin ComboBox (SfComboBox) -The [Xamarin ComboBox](https://www.syncfusion.com/xamarin-ui-controls/xamarin-combobox) (SfComboBox) control provides user friendly customizing options for both entry part and drop-down part. In this section, customizing the entire ComboBox control is explained. +The [Xamarin ComboBox](https://www.syncfusion.com/xamarin-ui-controls/xamarin-combobox) (SfComboBox) control provides user-friendly customization options for both the entry and drop-down sections. This section explains how to customize the entire ComboBox control. -## Customizing the entry +## Customizing the Entry -The [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextColor), [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextSize), [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontAttributes), [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontFamily) and [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_BorderColor) properties are used to customize the foreground color, font size, font attribute, font family and border color of the entry part. +Properties like [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextColor), [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextSize), [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontAttributes), [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontFamily), and [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_BorderColor) allow customization of text color, size, font attributes, family, and border color. -### Text color +### Text Color -The combo box control provides the user to customize the foreground color of the text inside the entry part. +Customize the text's foreground color inside the entry section. +### Text Size -### Text size +Use the [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextSize) property to set the text size in the entry section. +### Font Attributes -The Xamarin ComboBox (SfComboBox) control provides the user to customize the text size of the text inside the entry part using [`TextSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_TextSize) property. +Adjust font attributes of the entry section text using [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontAttributes). -### Font attributes +### Font Family -The combo box control provides the user to customize the font attribute of the text inside the entry part using [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontAttributes) property. +Set the font family for the entry section text using [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontFamily). -### Font family +### Border Color -The combo box control provides the user to customize the font family of the text inside the entry part using [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_FontFamily) property. - -### Border color - -The combo box control provides the user to customize the border color of the entry box using [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_BorderColor) property. +Customize the entry box's border color with the [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_BorderColor) property. {% tabs %} @@ -71,12 +69,11 @@ this.Content = stackLayout; {% endtabs %} - - -### Changing delete button color + -The [`ClearButtonColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ClearButtonColor) property is used to modify the delete button color. The following code example shows changing delete button color. +### Changing Delete Button Color +Modify the delete button color using the [`ClearButtonColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ClearButtonColor) property. {% tabs %} {% highlight xaml %} @@ -1058,4 +1055,4 @@ namespace ComboBoxSample {% endtabs %} - \ No newline at end of file + diff --git a/Xamarin/ComboBox/DataTemplateSelector.md b/Xamarin/ComboBox/DataTemplateSelector.md index 6996c0321..0af7be64a 100644 --- a/Xamarin/ComboBox/DataTemplateSelector.md +++ b/Xamarin/ComboBox/DataTemplateSelector.md @@ -1,7 +1,7 @@ --- layout: post -title: DataTemplateSelector in Xamarin ComboBox control | Syncfusion -description: Learn here all about DataTemplateSelector support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. +title: DataTemplateSelector in Xamarin ComboBox Control | Syncfusion +description: Learn about the DataTemplateSelector support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. platform: Xamarin control: SfComboBox documentation: ug @@ -9,7 +9,7 @@ documentation: ug # DataTemplateSelector in Xamarin ComboBox (SfComboBox) -[`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) supports DataTemplateSelector, which is used to choose a DataTemplate based on data object. +The [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) supports a DataTemplateSelector, allowing you to select a DataTemplate based on a data object. {% tabs %} @@ -102,7 +102,7 @@ documentation: ug ## Create and Initialize Business Models -Define a simple model class MobileDetail with fields IsAvailableInStock, Mobile and populate mobile detail in ViewModel. +Define a simple model class `MobileDetail` with fields `IsAvailableInStock`, `Mobile`, and populate mobile details in the ViewModel. {% tabs %} @@ -142,7 +142,7 @@ Define a simple model class MobileDetail with fields IsAvailableInStock, Mobile ## OnSelectTemplate -The OnSelectTemplate is an overridden method to return a particular DataTemplate. The following code sample demonstrates how to use the OnSelectTemplate method. +The `OnSelectTemplate` method is overridden to return a particular DataTemplate. The following sample demonstrates how to use the `OnSelectTemplate` method. {% tabs %} @@ -168,12 +168,11 @@ The OnSelectTemplate is an overridden method to return a particular DataTemplate {% endtabs %} -The following screenshot illustrates the output of above code. +The following screenshot illustrates the output of the above code. - + - -We have attached sample for reference. You can download the sample from the following link. +For reference, a sample is available at the following link. Sample Link: [SfComboBox_DataTemplateSelector](https://github.com/SyncfusionExamples/datatemplate-selector-sfcombobox) diff --git a/Xamarin/ComboBox/Dealing-with-Suggestion-Box.md b/Xamarin/ComboBox/Dealing-with-Suggestion-Box.md index 1aae9f0ec..4eb325cfd 100644 --- a/Xamarin/ComboBox/Dealing-with-Suggestion-Box.md +++ b/Xamarin/ComboBox/Dealing-with-Suggestion-Box.md @@ -1,27 +1,24 @@ --- layout: post -title: Dealing with Suggestion Box in Xamarin ComboBox control | Syncfusion -description: Learn here all about Dealing with Suggestion Box support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Dealing with Suggestion Box in Xamarin ComboBox Control | Syncfusion +description: Learn about managing the Suggestion Box in the Syncfusion Xamarin ComboBox (SfComboBox) control. +platform: Xamarin control: SfComboBox documentation: ug --- # Dealing with Suggestion Box in Xamarin ComboBox (SfComboBox) -Suggestion box is a drop-down list box, which displays the filtered suggestions inside a popup. This section explains the properties that deals with the drop-down list in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control. +The suggestion box is a drop-down list that displays filtered suggestions in a popup. This section discusses the properties associated with the drop-down list in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html). -## Suggestion box placement mode +## Suggestion Box Placement Mode -The drop-down that shows the filtered items will be placed automatically based on the available space and can also be customized using the [`SuggestionBoxPlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_SuggestionBoxPlacement) property. +The drop-down showing filtered items is automatically placed based on available space and can be customized using the [`SuggestionBoxPlacement`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_SuggestionBoxPlacement) property. -[`Top`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Top) - Drop-down will be placed above the text box. - -[`Bottom`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Bottom) - Drop-down will be placed below the text box. - -[`Auto`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Auto) - Drop-down will be placed based on the available space either top or bottom of the text box. - -[`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_None) - Drop-down will not be shown with the filtered items. +- [`Top`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Top): Drop-down appears above the text box. +- [`Bottom`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Bottom): Drop-down appears below the text box. +- [`Auto`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_Auto): Drop-down is placed depending on available space either above or below the text box. +- [`None`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.html#Syncfusion_XForms_ComboBox_SuggestionBoxPlacement_None): Drop-down with filtered items will not be shown. {% tabs %} @@ -794,3 +791,4 @@ namespace SfComboBox_Sample  N> Retrieve the filter suggestion items sample is available in this [link](https://github.com/SyncfusionExamples/xamarin-forms-sfcombobox). + diff --git a/Xamarin/ComboBox/Diacritic-Sensitivity.md b/Xamarin/ComboBox/Diacritic-Sensitivity.md index 47b97ed4f..4fcb3980d 100644 --- a/Xamarin/ComboBox/Diacritic-Sensitivity.md +++ b/Xamarin/ComboBox/Diacritic-Sensitivity.md @@ -1,16 +1,16 @@ --- layout: post -title: Diacritic Sensitivity in Xamarin ComboBox control | Syncfusion -description: Learn here all about Diacritic Sensitivity support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Diacritic Sensitivity in Xamarin ComboBox Control | Syncfusion +description: Learn about Diacritic Sensitivity support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- # Diacritic Sensitivity in Xamarin ComboBox (SfComboBox) -The control does not stick with one type of keyboard, so you can populate items from a language with letters containing diacritics, and search for them with English characters from an en-US keyboard. Users can enable or disable the diacritic sensitivity with the [`IgnoreDiacritic`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IgnoreDiacritic) property. In the below code example we have illustrate how to enables the diacritic sensitivity so that items in the suggestion list get populated by entering any diacritic character of that alphabet. +The `SfComboBox` control allows for flexibility with various keyboard types, enabling users to populate items with letters containing diacritics and search using English characters from an en-US keyboard. Users can toggle diacritic sensitivity using the [`IgnoreDiacritic`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IgnoreDiacritic) property. The following example illustrates enabling diacritic sensitivity so that items in the suggestion list can be populated by entering any diacritic character of that alphabet. -N> Diacritic Sensitivity support has enhanced only on iOS and Android platform. +> **Note:** Diacritic Sensitivity support is enhanced only on iOS and Android platforms. {% tabs %} diff --git a/Xamarin/ComboBox/Editable-Modes.md b/Xamarin/ComboBox/Editable-Modes.md index 80bdb908a..a74b34866 100644 --- a/Xamarin/ComboBox/Editable-Modes.md +++ b/Xamarin/ComboBox/Editable-Modes.md @@ -1,21 +1,21 @@ --- -layout : post -title: Editable Modes in Xamarin ComboBox control | Syncfusion -description: Learn here all about Editable Modes support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform : Xamarin -control : SfComboBox -documentation : ug +layout: post +title: Editable Modes in Xamarin ComboBox Control | Syncfusion +description: Learn about Editable Modes support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin +control: SfComboBox +documentation: ug --- # Editable Modes in Xamarin ComboBox (SfComboBox) -The combo box control supports both editable and non-editable text box to choose selected items in given data source. Users can select one item from the suggestion list. +The ComboBox control provides both editable and non-editable options to select items from a given data source. Users can choose a single item from the suggestion list. -[`IsEditableMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IsEditableMode) property is used to enable the user input in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control. The default value is false. +The [`IsEditableMode`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IsEditableMode) property is used to enable user input in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control, with the default value set to `false`. -## Editable combo box +## Editable ComboBox -In editable mode, the combo box allows users to edit in the text box that shows the suggestions in drop-down list based on the input. +In editable mode, the ComboBox allows users to type in the text box, which then displays suggestions in the drop-down list based on their input. {% tabs %} diff --git a/Xamarin/ComboBox/Events.md b/Xamarin/ComboBox/Events.md index a4172fd10..546f479ac 100644 --- a/Xamarin/ComboBox/Events.md +++ b/Xamarin/ComboBox/Events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Syncfusion SfComboBox control in Xamarin.Forms -description: This section describes how to use different types of events and interactvity in SfComboBox control (Xamarin.Forms) +title: Events in Syncfusion SfComboBox Control in Xamarin.Forms +description: This section describes how to use different types of events and interactivity in the SfComboBox control (Xamarin.Forms) platform: Xamarin control: SfComboBox documentation: ug @@ -11,9 +11,9 @@ documentation: ug ## ValueChanged Event -You can perform operation, while changing the value of [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) Text using the [`ValueChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ValueChanged) event. [`ValueChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ValueChanged) event returns the changed value in SfComboBox. +You can perform operations while changing the text value of the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) using the [`ValueChanged`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ValueChanged) event. This event returns the changed value in the SfComboBox. -The ValueChanged event returns the following argument. +The `ValueChanged` event provides the following argument:
|---|
| Value | -Displays changed value in SfComboBox | +Displays the changed value in the SfComboBox |
| Value | -Holds the selected items in SfComboBox | +Holds the selected items in the SfComboBox |
| Value | -Holds the selecting items in SfComboBox. | +Holds the items being selected in the SfComboBox. |
| Cancel | -Restricts the item to be selected. | +Prevents the item from being selected. |
| Members | @@ -98,13 +99,13 @@ The [`DropDownOpen`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Co ## DropDownClosing Event -The [`DropDownClosing`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownClosing) event occurs when the drop-down closes. +The [`DropDownClosing`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownClosing) event occurs when the drop-down is about to close. ### DropDownClosing event args -[`IsItemSelected`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.DropDownCancelEventArgs.html#Syncfusion_XForms_ComboBox_DropDownCancelEventArgs_IsItemSelected) - It returns the value indicating whether the item is selected or not when the dropdown window closes. +[`IsItemSelected`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.DropDownCancelEventArgs.html#Syncfusion_XForms_ComboBox_DropDownCancelEventArgs_IsItemSelected) returns a value indicating whether an item is selected when the dropdown closes. - [`Cancel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Core.CancelEventArgs.html#Syncfusion_XForms_Core_CancelEventArgs_Cancel) - Closing of the dropdown can be handled by setting the e.Cancel. +[`Cancel`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Core.CancelEventArgs.html#Syncfusion_XForms_Core_CancelEventArgs_Cancel) allows handling the closure of the dropdown by setting `e.Cancel`. {% tabs %} @@ -151,12 +152,12 @@ The [`DropDownClosed`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms. ## Completed Event -The [`Completed`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_Completed) event is raised when the user finalizes the text in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) editable mode by pressing return key on the keyboard. +The [`Completed`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_Completed) event is raised when the user finalizes the text in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) editable mode by pressing the return key on the keyboard. ## Tapped Event -The [`Tapped`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_Tapped) event occurs when the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) is tapped in Non-editable mode. +The [`Tapped`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_Tapped) event occurs when the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) is tapped in non-editable mode. ## LoadMoreButtonTapped Event -The [`LoadMoreButtonTapped`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreButtonTapped) can be triggered only when you tap on the load more button. For more information, refer to [`this`](https://help.syncfusion.com/xamarin/combobox/maximum-display-item-with-expander#load-more-button-tapped-event) link. \ No newline at end of file +The [`LoadMoreButtonTapped`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreButtonTapped) event is triggered only when the load more button is tapped. For more information, refer to [this link](https://help.syncfusion.com/xamarin/combobox/maximum-display-item-with-expander#load-more-button-tapped-event). diff --git a/Xamarin/ComboBox/Getting-Started.md b/Xamarin/ComboBox/Getting-Started.md index a5828f8c5..b781ea93e 100644 --- a/Xamarin/ComboBox/Getting-Started.md +++ b/Xamarin/ComboBox/Getting-Started.md @@ -1,43 +1,43 @@ --- layout: post -title: Getting Started with Xamarin ComboBox control | Syncfusion -description: Learn here about getting started with Syncfusion Xamarin ComboBox (SfComboBox) control, its elements and more. -platform: xamarin +title: Getting Started with Xamarin ComboBox Control | Syncfusion +description: Learn about getting started with Syncfusion Xamarin ComboBox (SfComboBox) control, its elements, and more. +platform: Xamarin control: SfComboBox documentation: ug --- # Getting Started with Xamarin ComboBox (SfComboBox) -This section explains the steps required to create the [Xamarin ComboBox](https://www.syncfusion.com/xamarin-ui-controls/xamarin-combobox) control, populate it with data and filter the suggestions. This section covers only the minimal features that are needed to get started with the control. +This section explains the steps necessary to create the [Xamarin ComboBox](https://www.syncfusion.com/xamarin-ui-controls/xamarin-combobox) control, populate it with data, and filter suggestions. It covers only the essential features needed to get started with the control. -## Assembly deployment +## Assembly Deployment -After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you can find all the required assemblies in the installation folders, {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib. +After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you can find the required assemblies in the installation folders at `{Syncfusion Essential Studio Installed location}\Essential Studio\{Version #}\Xamarin\lib`. E.g.: C:\Program Files (x86) \Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib -N> Assemblies can be found in unzipped package location(Documents/Syncfusion/{Version #}/Xamarin/lib) in Mac. +> **Note:** Assemblies can also be found in the unzipped package location (Documents/Syncfusion/{Version #}/Xamarin/lib) on Mac. -## Adding SfComboBox reference +## Adding SfComboBox Reference -You can add [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) reference using one of the following methods: +You can add the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) reference using one of the following methods: -**Method 1: Adding SfComboBox reference from nuget.org** +**Method 1: Adding SfComboBox Reference from NuGet.org** -Syncfusion Xamarin components are available in [nuget.org](https://www.nuget.org/). To add [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfComboBox](https://www.nuget.org/packages/Syncfusion.Xamarin.SfComboBox), and then install it. +Syncfusion Xamarin components are available on [nuget.org](https://www.nuget.org/). To add [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfComboBox](https://www.nuget.org/packages/Syncfusion.Xamarin.SfComboBox), and install it. - + -N> Install the same version of [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) NuGet in all the projects. +> **Note:** Install the same version of [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) NuGet in all projects. -**Method 2: Adding SfComboBox reference from toolbox** +**Method 2: Adding SfComboBox Reference from Toolbox** -Syncfusion also provides Xamarin Toolbox. Using this toolbox, you can drag the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control to the XAML page. It will automatically install the required NuGet packages and add the namespace to the page. To install Syncfusion Xamarin Toolbox, refer to [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox). +Syncfusion provides a Xamarin Toolbox, allowing you to drag the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) control onto the XAML page. This automatically installs the required NuGet packages and adds the namespace to the page. For more information, refer to the [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox) documentation. -**Method 3: Adding SfComboBox assemblies manually from the installed location** +**Method 3: Adding SfComboBox Assemblies Manually** -If you prefer to manually reference the assemblies instead referencing from NuGet, add the following assemblies in respective projects. +If you prefer to manually reference the assemblies instead of using NuGet, add the following assemblies to the respective projects: Location: {Installed location}/{version}/Xamarin/lib @@ -68,7 +68,7 @@ N> If you are adding the references from toolbox, this step is not needed. ### Additional Step for iOS -To launch the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) in iOS, call the `SfComboBoxRenderer.Init()` in the `FinishedLaunching` overridden method of the AppDelegate class after the Xamarin.Forms Framework has been initialized and before the LoadApplication is called, as demonstrated in the following code example. +To launch the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) on iOS, call the `SfComboBoxRenderer.Init()` method in the `FinishedLaunching` override in the AppDelegate class after the Xamarin.Forms Framework has been initialized and before `LoadApplication` is called, as shown below: {% highlight c# %} public override bool FinishedLaunching(UIApplication app, NSDictionary options) diff --git a/Xamarin/ComboBox/Header-and-Footer.md b/Xamarin/ComboBox/Header-and-Footer.md index a983f9841..df62d0794 100644 --- a/Xamarin/ComboBox/Header-and-Footer.md +++ b/Xamarin/ComboBox/Header-and-Footer.md @@ -1,18 +1,18 @@ --- layout: post -title: Header and Footer in Xamarin ComboBox control | Syncfusion -description: Learn here all about Header and Footer support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Header and Footer in Xamarin ComboBox Control | Syncfusion +description: Learn about Header and Footer support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- # Header and Footer in Xamarin ComboBox (SfComboBox) -You can provide header and footer views in the suggestion list in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) by enabling the [`ShowDropDownHeaderView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ShowDropDownHeaderView) and the [`ShowDropDownFooterView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ShowDropDownFooterView) properties. +You can provide header and footer views in the suggestion list of [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) by enabling the [`ShowDropDownHeaderView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ShowDropDownHeaderView) and [`ShowDropDownFooterView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_ShowDropDownFooterView) properties. -## Header content +## Header Content -You can provide content for header at the top of the ComboBox's Suggestion box. The [`DropDownHeaderView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownHeaderView) property is used to set the content of the header. The height of the header in the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) can be adjusted using the [`DropDownHeaderViewHeight`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownHeaderViewHeight) property. +You can provide content for the header at the top of the ComboBox's suggestion box. The [`DropDownHeaderView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownHeaderView) property is used to set the header's content. The header's height can be adjusted using the [`DropDownHeaderViewHeight`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_DropDownHeaderViewHeight) property. {% tabs %} @@ -164,3 +164,4 @@ Content = layout;  + diff --git a/Xamarin/ComboBox/Highlighting-matched-text.md b/Xamarin/ComboBox/Highlighting-matched-text.md index 46374f54b..03c282147 100644 --- a/Xamarin/ComboBox/Highlighting-matched-text.md +++ b/Xamarin/ComboBox/Highlighting-matched-text.md @@ -1,26 +1,24 @@ --- layout: post -title: Highlighting matched text in Xamarin ComboBox control | Syncfusion -description: Learn here all about Highlighting matched text support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Highlighting Matched Text in Xamarin ComboBox Control | Syncfusion +description: Learn about highlighting matched text support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- -# Highlighting matched text in Xamarin ComboBox (SfComboBox) +# Highlighting Matched Text in Xamarin ComboBox (SfComboBox) -You can highlight matching characters in a suggestion list to pick an item with more clarity by following two ways: +You can highlight matching characters in a suggestion list for better clarity, using two modes: -* [`First Occurrence`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.OccurrenceMode.html#Syncfusion_XForms_ComboBox_OccurrenceMode_FirstOccurrence) +- [`First Occurrence`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.OccurrenceMode.html#Syncfusion_XForms_ComboBox_OccurrenceMode_FirstOccurrence) +- [`Multiple Occurrence`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.OccurrenceMode.html#Syncfusion_XForms_ComboBox_OccurrenceMode_MultipleOccurrence) -* [`Multiple Occurrence`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.OccurrenceMode.html#Syncfusion_XForms_ComboBox_OccurrenceMode_MultipleOccurrence) +Highlighting can be customized using the following properties: -Highlighting can be indicated with various customizing styles by enabling the following properties. +- [`HighlightedTextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_HighlightedTextColor): Sets the color of the highlighted text. +- [`HighlightTextFontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_HighlightedTextFontAttributes): Sets the font attributes of the highlighted text. -* [`HighlightedTextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_HighlightedTextColor) - Sets the color of the highlighted text for differentiating the highlighted characters. - -* [`HighlightTextFontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_HighlightedTextFontAttributes) - Sets the FontAttributes of the highlighted text. - -## First occurrence +## First Occurrence Highlights the first position of the matching characters in the suggestion list. diff --git a/Xamarin/ComboBox/Maximum-display-item-with-Expander.md b/Xamarin/ComboBox/Maximum-display-item-with-Expander.md index e4fe529fa..51e3722fa 100644 --- a/Xamarin/ComboBox/Maximum-display-item-with-Expander.md +++ b/Xamarin/ComboBox/Maximum-display-item-with-Expander.md @@ -1,16 +1,16 @@ --- layout: post -title: Maximum display item with Expander in Xamarin ComboBox | Syncfusion -description: Learn here all about Maximum display item with Expander support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Maximum Display Item with Expander in Xamarin ComboBox | Syncfusion +description: Learn about Maximum Display Item with Expander support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- -# Maximum display item with Expander in Xamarin ComboBox (SfComboBox) +# Maximum Display Item with Expander in Xamarin ComboBox (SfComboBox) -## Maximum display item with expander in Xamarin SfComboBox +## Maximum Display Item with Expander in Xamarin SfComboBox -Restrict the number of suggestions displayed and have the remaining items loaded by selecting the LoadMore. you can restrict the maximum suggestion to be displayed with the [`MaximumSuggestion`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MaximumSuggestion) property and also you can set the desire text for displaying the LoadMore text with the [`LoadMoreText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreText) property. +Restrict the number of suggestions displayed, and load remaining items by selecting "Load More." You can control the maximum suggestions displayed using the [`MaximumSuggestion`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_MaximumSuggestion) property, and set custom text for loading more items using the [`LoadMoreText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreText) property. {% tabs %} @@ -101,14 +101,13 @@ namespace ComboBoxSample {% endtabs %} + - +## Restricting the Maximum Display of Items Dynamically -## Restricting the maximum display of items dynamically +You can restrict the maximum display of items dynamically by calling the `LoadMore` method. The user can dynamically change the maximum suggestion count by calling the `LoadMore` method with the desired maximum suggestion count as the argument. -You can restrict the maximum display of items dynamically by calling the `LoadMore` method. The user can dynamically change the maximum suggestion count by calling the LoadMore method by giving the maximum suggestion as the argument inside. - -N> LoadMore method has enhanced only on iOS and Android platform. +> **Note:** The `LoadMore` method is enhanced only on iOS and Android platforms. {% tabs %} {% highlight c# %} @@ -122,11 +121,9 @@ comboBox.LoadMore(5); {% endhighlight %} {% endtabs %} -## Load more view customization - -[`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) allows customizing User Interface(UI) of Load More view. -To customize the load more text, add the custom UI in the [`LoadMoreTemplate`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreTemplate) API in [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html), as shown in the following code snippet. +## Load More View Customization +[`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) allows customization of the User Interface (UI) for the Load More view. Customize the load more text by adding a custom UI using the [`LoadMoreTemplate`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_LoadMoreTemplate) API in `SfComboBox`, as shown in the following example: {% tabs %} {% highlight xaml %} diff --git a/Xamarin/ComboBox/Multiple-selection.md b/Xamarin/ComboBox/Multiple-selection.md index 60a803d35..f4fee3601 100644 --- a/Xamarin/ComboBox/Multiple-selection.md +++ b/Xamarin/ComboBox/Multiple-selection.md @@ -1,22 +1,20 @@ --- layout: post -title: Multiple selection in Xamarin ComboBox control | Syncfusion -description: Learn here all about Multiple selection support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: Multiple Selection in Xamarin ComboBox Control | Syncfusion +description: Learn about multiple selection support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- -# Multiple selection in Xamarin ComboBox (SfComboBox) +# Multiple Selection in Xamarin ComboBox (SfComboBox) -Select multiple items from a suggestion list. There are two ways to perform multi selection in the combo box control. +Select multiple items from a suggestion list using one of two methods: +- Token Representation +- Delimiter -* Token Representation +## Token Representation -* Delimiter - -## Token representation - -Selected items will be displayed with a customizable token representation. Users can remove each tokenized item with the close button. And [`IsSelectedItemsVisibleInDropDown`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IsSelectedItemsVisibleInDropDown) property is used to restrict the selected items as visible or not in dropDown. +Selected items will be displayed with a customizable token representation. Users can remove each tokenized item using the close button. The [`IsSelectedItemsVisibleInDropDown`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_IsSelectedItemsVisibleInDropDown) property determines whether selected items are visible in the drop-down. {% tabs %} diff --git a/Xamarin/ComboBox/No-Result-Found.md b/Xamarin/ComboBox/No-Result-Found.md index f0e39d3af..c42e89638 100644 --- a/Xamarin/ComboBox/No-Result-Found.md +++ b/Xamarin/ComboBox/No-Result-Found.md @@ -1,14 +1,14 @@ --- layout: post -title: No Results Found in Xamarin ComboBox control | Syncfusion -description: Learn here all about No Results Found support in Syncfusion Xamarin ComboBox (SfComboBox) control and more. -platform: xamarin +title: No Results Found in Xamarin ComboBox Control | Syncfusion +description: Learn about "No Results Found" support in the Syncfusion Xamarin ComboBox (SfComboBox) control and more. +platform: Xamarin control: SfComboBox documentation: ug --- # No Results Found in Xamarin ComboBox (SfComboBox) -When the entered item is not in the suggestion list, [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) displays a text that indicates no search results found. You can set the desire text to be displayed for indicating no results found using the [`NoResultsFoundText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundText) property. +When the entered item is not in the suggestion list, the [`SfComboBox`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html) displays a text indicating that no search results were found. You can set the desired text using the [`NoResultsFoundText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundText) property. {% tabs %} @@ -77,11 +77,12 @@ namespace ComboBox_Sample {% endtabs %} - + ## Customizing NoResultsFoundText -The [`NoResultsFoundTextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundTextColor), [`NoResultsFoundFontSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontSize), [`NoResultsFoundFontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontAttributes), and [`NoResultsFoundFontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontFamily) properties are used to customize the foreground color, font size, font attribute, and font family of NoResultsFoundText. +The [`NoResultsFoundTextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundTextColor), [`NoResultsFoundFontSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontSize), [`NoResultsFoundFontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontAttributes), and [`NoResultsFoundFontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.ComboBox.SfComboBox.html#Syncfusion_XForms_ComboBox_SfComboBox_NoResultsFoundFontFamily) properties are used to customize the color, font size, font attributes, and font family of the NoResultsFoundText. + {% tabs %} {% highlight xaml %} @@ -105,4 +106,4 @@ comboBox.ComboBoxSource = new List
|---|