From 16947e95414888e082627fb755629506244c121c Mon Sep 17 00:00:00 2001 From: HadayaRahman-SF4673 Date: Fri, 17 Jan 2025 17:33:59 +0530 Subject: [PATCH 01/66] 934410-Added UG for Item Support in Cards --- maui-toolkit-toc.html | 1 + maui-toolkit/Cards/BindableLayout.md | 154 +++++++++++++++++++++++++++ 2 files changed, 155 insertions(+) create mode 100644 maui-toolkit/Cards/BindableLayout.md diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 845f3603..fbb80de6 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -69,6 +69,7 @@
  • Overview
  • Getting Started
  • Customization
    • +
  • BindableLayout
  • Events
    • diff --git a/maui-toolkit/Cards/BindableLayout.md b/maui-toolkit/Cards/BindableLayout.md new file mode 100644 index 00000000..3efc3634 --- /dev/null +++ b/maui-toolkit/Cards/BindableLayout.md @@ -0,0 +1,154 @@ +--- +layout: post +title: BindableLayout in MAUI Cards control | Syncfusion® +description: Learn about BindableLayout support in Syncfusion® Essential Studio® MAUI Cards control, its elements and more. +platform: MAUI +control: Cards +documentation: ug +--- + +# BindableLayout in MAUI Cards + +Layout<T> introduces a feature called `BindableLayout`, which works with all layouts derived from Layout<T>. By simply setting the ItemTemplate and ItemsSource, BindableLayout automatically generates a group of UI elements (based on the provided ItemTemplate) for each data item in the ItemsSource and adds them as children. + +Since [`SfCardLayout`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardLayout.html) is an extended class of Layout<T>, this approach is also possible for `SfCardLayout`. + +## Initialize view model + +Define a simple data model that represents data to be populated for [`SfCardLayout`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardLayout.html). + +{% highlight c# %} + +public class Model +{ + public IEnumerable Colors { get; set; } +} + +{% endhighlight %} + +Next, create a view model class and initialize a model object as demonstrated in the following code sample. + +{% highlight c# %} + +public class ViewModel +{ + public Model Model { get; set; } + + public ViewModel() + { + Model = new Model + { + Colors = new string[] + { + "Cyan", "Yellow", "Orange" + } + }; + } + } + +{% endhighlight %} + +Set the ViewModel instance as BindingContext of your page to bind properties of ViewModel to [`SfCardLayout`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardLayout.html). + +N> Add namespace of ViewModel class in your XAML page if you prefer to set BindingContext in XAML. + +{% tabs %} + +{% highlight xaml %} + + + + + + + +{% endhighlight %} + +{% highlight c# %} + +this.BindingContext = new ViewModel(); + +{% endhighlight %} + +{% endtabs %} + +## Populate CardLayout with data + +[`SfCardLayout`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardLayout.html) can be populated with data by setting the ItemSource property of BindableLayout to a collection of items that can be used in [`SfCardView`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardView.html). + +{% tabs %} + +{% highlight xaml %} + + +… + + +{% endhighlight %} + +{% highlight c# %} + +SfCardLayout cardLayout = new SfCardLayout(); +BindableLayout.SetItemsSource(cardLayout, viewModel.Model.Colors); + +{% endhighlight %} + +{% endtabs %} + +## Define the appearance of SfCardView + +[`SfCardLayout`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardLayout.html) accepts only [`SfCardView`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardView.html) as its child. The appearance of each [`SfCardView`](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Cards.SfCardView.html) can be defined by setting the `BindableLayout.ItemTemplate` property. + +{% tabs %} + +{% highlight xaml %} + + + + + + + + + + +{% endhighlight %} + +{% highlight c# %} + +SfCardLayout cardLayout = new SfCardLayout() +{ + SwipeDirection = CardSwipeDirection.Left, + BackgroundColor = Color.FromHex("#F0F0F0"), + VerticalOptions = LayoutOptions.Center, + HeightRequest = 300, + WidthRequest = 300, +}; + +this.BindingContext = viewModel; + +DataTemplate dataTemplate = new DataTemplate(() => +{ + SfCardView cardView = new SfCardView(); + cardView.SetBinding(SfCardView.BackgroundColorProperty, new Binding() { Path = "."}); + + Label label = new Label() + { + HorizontalOptions = LayoutOptions.CenterAndExpand, + VerticalTextAlignment = TextAlignment.Center + }; + + label.SetBinding(Label.TextProperty, new Binding() { Path= "."}); + cardView.Content = label; + return cardView; +}); + +BindableLayout.SetItemTemplate(cardLayout, dataTemplate); +BindableLayout.SetItemsSource(cardLayout, viewModel.Model.Colors); + +this.Content = cardLayout; + +{% endhighlight %} + +{% endtabs %} \ No newline at end of file From 0b5155fb0717238660c8dd1277c8796ab6bd66d3 Mon Sep 17 00:00:00 2001 From: ManjuDhanasekaran2001 Date: Fri, 17 Jan 2025 19:11:25 +0530 Subject: [PATCH 02/66] Updated the TradeMark in title and description --- maui-toolkit/Button/Customization.md | 4 ++-- maui-toolkit/Button/Events.md | 4 ++-- maui-toolkit/Button/Getting-Started.md | 4 ++-- maui-toolkit/Button/Overview.md | 4 ++-- maui-toolkit/Button/Right-To-Left.md | 4 ++-- maui-toolkit/Button/Visual-States.md | 4 ++-- maui-toolkit/Button/how-to/Add-the-custom-view-for-button.md | 2 +- maui-toolkit/Carousel-View/Animation.md | 4 ++-- maui-toolkit/Carousel-View/Getting-Started.md | 4 ++-- maui-toolkit/Carousel-View/How-To.md | 2 +- maui-toolkit/Carousel-View/Linear-Arrangement.md | 2 +- maui-toolkit/Carousel-View/LoadMore.md | 2 +- maui-toolkit/Carousel-View/Overview.md | 2 +- maui-toolkit/Carousel-View/Populating-Data.md | 2 +- maui-toolkit/Carousel-View/SwipeEvents.md | 2 +- maui-toolkit/Carousel-View/Transformation.md | 2 +- maui-toolkit/Carousel-View/UIVirtualization.md | 4 ++-- maui-toolkit/Chips/Chips-Types.md | 4 ++-- maui-toolkit/Chips/Customization.md | 4 ++-- maui-toolkit/Chips/DataTemplateSelector.md | 4 ++-- maui-toolkit/Chips/Events.md | 4 ++-- maui-toolkit/Chips/Getting-Started.md | 4 ++-- maui-toolkit/Chips/Overview.md | 2 +- maui-toolkit/Chips/Populating-Items.md | 4 ++-- .../how-to/Applying-fonticon-to-Syncfusion-chip-control.md | 2 +- maui-toolkit/NumericEntry/Basic-Features.md | 4 ++-- maui-toolkit/NumericEntry/Events.md | 4 ++-- maui-toolkit/NumericEntry/Formatting.md | 4 ++-- maui-toolkit/NumericEntry/Getting-Started.md | 4 ++-- maui-toolkit/NumericEntry/Overview.md | 4 ++-- maui-toolkit/NumericEntry/Restriction.md | 4 ++-- maui-toolkit/NumericUpDown/Basic-Features.md | 4 ++-- maui-toolkit/NumericUpDown/Events.md | 4 ++-- maui-toolkit/NumericUpDown/Formatting.md | 4 ++-- maui-toolkit/NumericUpDown/Getting-Started.md | 4 ++-- maui-toolkit/NumericUpDown/Overview.md | 4 ++-- maui-toolkit/NumericUpDown/Restriction.md | 4 ++-- maui-toolkit/NumericUpDown/UpDown-Button.md | 4 ++-- maui-toolkit/TextInputLayout/Assistive-Labels.md | 4 ++-- maui-toolkit/TextInputLayout/Container-Type.md | 4 ++-- maui-toolkit/TextInputLayout/Custom-Font.md | 4 ++-- maui-toolkit/TextInputLayout/Custom-Icons.md | 4 ++-- maui-toolkit/TextInputLayout/Events.md | 4 ++-- maui-toolkit/TextInputLayout/Fixed-Hint-Position.md | 4 ++-- maui-toolkit/TextInputLayout/Getting-Started.md | 4 ++-- maui-toolkit/TextInputLayout/How-To.md | 4 ++-- maui-toolkit/TextInputLayout/Overview.md | 4 ++-- maui-toolkit/TextInputLayout/States-And-Colors.md | 4 ++-- maui-toolkit/TextInputLayout/Supported-input-views.md | 4 ++-- maui-toolkit/TextInputLayout/right-to-left.md | 4 ++-- 50 files changed, 90 insertions(+), 90 deletions(-) diff --git a/maui-toolkit/Button/Customization.md b/maui-toolkit/Button/Customization.md index ed841e17..44b8a878 100644 --- a/maui-toolkit/Button/Customization.md +++ b/maui-toolkit/Button/Customization.md @@ -1,7 +1,7 @@ --- layout: post -title: Customization in .NET MAUI Button control | Syncfusion® -description: Learn here all about Customization support in Syncfusion® .NET MAUI Button (SfButton) control and more. +title: Customization in .NET MAUI Button control | Syncfusion® +description: Learn here all about Customization support in Syncfusion® .NET MAUI Button (SfButton) control and more. platform: maui control: Sfbutton documentation: ug diff --git a/maui-toolkit/Button/Events.md b/maui-toolkit/Button/Events.md index 0589743c..f3b0bdcf 100644 --- a/maui-toolkit/Button/Events.md +++ b/maui-toolkit/Button/Events.md @@ -1,7 +1,7 @@ --- layout: post -title: Event in .NET MAUI Button Control | Syncfusion® -description: Learn here about Event support in the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. +title: Event in .NET MAUI Button Control | Syncfusion® +description: Learn here about Event support in the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. platform: maui control: SfButton documentation: ug diff --git a/maui-toolkit/Button/Getting-Started.md b/maui-toolkit/Button/Getting-Started.md index f65fcf0c..1b9831d1 100644 --- a/maui-toolkit/Button/Getting-Started.md +++ b/maui-toolkit/Button/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with .NET MAUI Button | Syncfusion® -description: Learn here about getting started with the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. +title: Getting Started with .NET MAUI Button | Syncfusion® +description: Learn here about getting started with the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. platform: MAUI control: SfButton documentation: ug diff --git a/maui-toolkit/Button/Overview.md b/maui-toolkit/Button/Overview.md index d6572dcb..e18ec71f 100644 --- a/maui-toolkit/Button/Overview.md +++ b/maui-toolkit/Button/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: About .NET MAUI Control | Syncfusion® -description: Learn here about introduction of the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. +title: About .NET MAUI Control | Syncfusion® +description: Learn here about introduction of the Syncfusion® .NET MAUI Button (SfButton) control, its elements and more. platform: maui control: SfButton documentation: ug diff --git a/maui-toolkit/Button/Right-To-Left.md b/maui-toolkit/Button/Right-To-Left.md index a58d9bf8..466d77bd 100644 --- a/maui-toolkit/Button/Right-To-Left.md +++ b/maui-toolkit/Button/Right-To-Left.md @@ -1,7 +1,7 @@ --- layout: post -title: Right To Left in .NET MAUI Button Control | Syncfusion® -description: Learn about the comprehensive support for right-to-left (RTL) directionality within the Syncfusion® .NET MAUI Button, also known as the SfButton control. +title: Right To Left in .NET MAUI Button Control | Syncfusion® +description: Learn about the comprehensive support for right-to-left (RTL) directionality within the Syncfusion® .NET MAUI Button, also known as the SfButton control. platform: maui control: SfButton documentation: ug diff --git a/maui-toolkit/Button/Visual-States.md b/maui-toolkit/Button/Visual-States.md index a3555b0a..dab55ede 100644 --- a/maui-toolkit/Button/Visual-States.md +++ b/maui-toolkit/Button/Visual-States.md @@ -1,7 +1,7 @@ --- layout: post -title: Visual states in .NET MAUI Button Control | Syncfusion® -description: Learn about visual states support in the Syncfusion® .NET MAUI Button (SfButton) control, its elements, and more. +title: Visual states in .NET MAUI Button Control | Syncfusion® +description: Learn about visual states support in the Syncfusion® .NET MAUI Button (SfButton) control, its elements, and more. platform: maui control: SfButton documentation: ug diff --git a/maui-toolkit/Button/how-to/Add-the-custom-view-for-button.md b/maui-toolkit/Button/how-to/Add-the-custom-view-for-button.md index 084ea085..9e98c763 100644 --- a/maui-toolkit/Button/how-to/Add-the-custom-view-for-button.md +++ b/maui-toolkit/Button/how-to/Add-the-custom-view-for-button.md @@ -1,6 +1,6 @@ --- layout: post -title: How to Add the Custom View for Syncfusion® SfButton +title: How to Add the Custom View for Syncfusion® SfButton description: Learn about how to add a custom content view for the .NET MAUI Toolkit's SfButton control in detail. platform: maui control: Sfbutton diff --git a/maui-toolkit/Carousel-View/Animation.md b/maui-toolkit/Carousel-View/Animation.md index bf71e76a..68bde45f 100644 --- a/maui-toolkit/Carousel-View/Animation.md +++ b/maui-toolkit/Carousel-View/Animation.md @@ -1,7 +1,7 @@ --- layout : post -title: Animation in .NET MAUI Carousel View control | Syncfusion® -description: Learn here all about Animation support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +title: Animation in .NET MAUI Carousel View control | Syncfusion® +description: Learn here all about Animation support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Carousel-View/Getting-Started.md b/maui-toolkit/Carousel-View/Getting-Started.md index c2ea28d9..51e96447 100644 --- a/maui-toolkit/Carousel-View/Getting-Started.md +++ b/maui-toolkit/Carousel-View/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with .NET MAUI Carousel View control | Syncfusion® -description: Learn how to set up, configure, and use the Syncfusion® .NET MAUI Carousel View (SfCarousel) control in your cross-platform applications. +title: Getting started with .NET MAUI Carousel View control | Syncfusion® +description: Learn how to set up, configure, and use the Syncfusion® .NET MAUI Carousel View (SfCarousel) control in your cross-platform applications. platform: maui control: Carousel documentation: ug diff --git a/maui-toolkit/Carousel-View/How-To.md b/maui-toolkit/Carousel-View/How-To.md index 553f2a7c..e1a43048 100644 --- a/maui-toolkit/Carousel-View/How-To.md +++ b/maui-toolkit/Carousel-View/How-To.md @@ -1,6 +1,6 @@ --- layout : post -title: Interaction in Syncfusion® Carousel Control in .NET MAUI. +title: Interaction in Syncfusion® Carousel Control in .NET MAUI. description: Learn how to perform an operation while changing the carouselItem or Collection in Carousel for .NET MAUI. platform : maui control : Carousel diff --git a/maui-toolkit/Carousel-View/Linear-Arrangement.md b/maui-toolkit/Carousel-View/Linear-Arrangement.md index 81b532e7..9c598dca 100644 --- a/maui-toolkit/Carousel-View/Linear-Arrangement.md +++ b/maui-toolkit/Carousel-View/Linear-Arrangement.md @@ -1,7 +1,7 @@ --- layout : post title: Linear Arrangement in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about Linear Arrangement support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +description: Learn here all about Linear Arrangement support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Carousel-View/LoadMore.md b/maui-toolkit/Carousel-View/LoadMore.md index fbcd4c64..21610ac1 100644 --- a/maui-toolkit/Carousel-View/LoadMore.md +++ b/maui-toolkit/Carousel-View/LoadMore.md @@ -1,7 +1,7 @@ --- layout : post title: Load More in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about Load More support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +description: Learn here all about Load More support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Carousel-View/Overview.md b/maui-toolkit/Carousel-View/Overview.md index 70c69912..0fdb074d 100644 --- a/maui-toolkit/Carousel-View/Overview.md +++ b/maui-toolkit/Carousel-View/Overview.md @@ -1,7 +1,7 @@ --- layout: post title: About .NET MAUI Carousel View control | Syncfusion -description: Learn here all about introduction of Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. +description: Learn here all about introduction of Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. platform: maui control: Carousel documentation: ug diff --git a/maui-toolkit/Carousel-View/Populating-Data.md b/maui-toolkit/Carousel-View/Populating-Data.md index 8030c9f9..37340f77 100644 --- a/maui-toolkit/Carousel-View/Populating-Data.md +++ b/maui-toolkit/Carousel-View/Populating-Data.md @@ -1,7 +1,7 @@ --- layout : post title: Populating Data in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about Populating Data support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +description: Learn here all about Populating Data support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Carousel-View/SwipeEvents.md b/maui-toolkit/Carousel-View/SwipeEvents.md index c6077d74..e4bae8e3 100644 --- a/maui-toolkit/Carousel-View/SwipeEvents.md +++ b/maui-toolkit/Carousel-View/SwipeEvents.md @@ -1,7 +1,7 @@ --- layout: post title: Swipe Events in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about Swipe Events support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +description: Learn here all about Swipe Events support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform: maui control: Carousel documentation: ug diff --git a/maui-toolkit/Carousel-View/Transformation.md b/maui-toolkit/Carousel-View/Transformation.md index 2625a8bd..7daa36f3 100644 --- a/maui-toolkit/Carousel-View/Transformation.md +++ b/maui-toolkit/Carousel-View/Transformation.md @@ -1,7 +1,7 @@ --- layout : post title: Transformation in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about Transformation support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. +description: Learn here all about Transformation support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Carousel-View/UIVirtualization.md b/maui-toolkit/Carousel-View/UIVirtualization.md index b8c154b6..70aaf21d 100644 --- a/maui-toolkit/Carousel-View/UIVirtualization.md +++ b/maui-toolkit/Carousel-View/UIVirtualization.md @@ -1,7 +1,7 @@ --- layout : post -title: UIVirtualization in .NET MAUI Carousel View control | Syncfusion -description: Learn here all about UIVirtualization support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. +title: UIVirtualization in .NET MAUI Carousel View control | Syncfusion® +description: Learn here all about UIVirtualization support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel documentation : ug diff --git a/maui-toolkit/Chips/Chips-Types.md b/maui-toolkit/Chips/Chips-Types.md index 5f45ab29..8d6ead1b 100644 --- a/maui-toolkit/Chips/Chips-Types.md +++ b/maui-toolkit/Chips/Chips-Types.md @@ -1,7 +1,7 @@ --- layout: post -title: Chips Types in .NET MAUI Chips control | Syncfusion® -description: Learn about Chips Types support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. +title: Chips Types in .NET MAUI Chips control | Syncfusion® +description: Learn about Chips Types support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/Customization.md b/maui-toolkit/Chips/Customization.md index 085f4380..ebdc4dde 100644 --- a/maui-toolkit/Chips/Customization.md +++ b/maui-toolkit/Chips/Customization.md @@ -1,7 +1,7 @@ --- layout: post -title: Customization in .NET MAUI Chips control | Syncfusion® -description: Learn about Customization support in Syncfusion® EToolkit for .NET MAUI Chips control, its elements and more. +title: Customization in .NET MAUI Chips control | Syncfusion® +description: Learn about Customization support in Syncfusion® EToolkit for .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/DataTemplateSelector.md b/maui-toolkit/Chips/DataTemplateSelector.md index d15c5419..6e94a6db 100644 --- a/maui-toolkit/Chips/DataTemplateSelector.md +++ b/maui-toolkit/Chips/DataTemplateSelector.md @@ -1,7 +1,7 @@ --- layout: post -title: DataTemplateSelector in .NET MAUI Chips control | Syncfusion® -description: Learn about DataTemplateSelector support in Syncfusion® .NET MAUI Chips control, its elements and more. +title: DataTemplateSelector in .NET MAUI Chips control | Syncfusion® +description: Learn about DataTemplateSelector support in Syncfusion® .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/Events.md b/maui-toolkit/Chips/Events.md index 790b5c5b..dc0b4867 100644 --- a/maui-toolkit/Chips/Events.md +++ b/maui-toolkit/Chips/Events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in .NET MAUI Chips control | Syncfusion® -description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. +title: Events in .NET MAUI Chips control | Syncfusion® +description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/Getting-Started.md b/maui-toolkit/Chips/Getting-Started.md index ec1d42a3..37e80403 100644 --- a/maui-toolkit/Chips/Getting-Started.md +++ b/maui-toolkit/Chips/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with .NET MAUI Chips control | Syncfusion® -description: Learn here about getting started with Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. +title: Getting Started with .NET MAUI Chips control | Syncfusion® +description: Learn here about getting started with Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/Overview.md b/maui-toolkit/Chips/Overview.md index 63a24162..d95016b7 100644 --- a/maui-toolkit/Chips/Overview.md +++ b/maui-toolkit/Chips/Overview.md @@ -1,6 +1,6 @@ --- layout: post -title: Overview | .NET MAUI Chips | Syncfusion® +title: Overview | .NET MAUI Chips | Syncfusion® platform: maui-toolkit description: Learn here about overall key features in Toolkit for .NET MAUI SfChip Control, its elements, and more. control: SfChip diff --git a/maui-toolkit/Chips/Populating-Items.md b/maui-toolkit/Chips/Populating-Items.md index aa09ae50..dfae5f23 100644 --- a/maui-toolkit/Chips/Populating-Items.md +++ b/maui-toolkit/Chips/Populating-Items.md @@ -1,7 +1,7 @@ --- layout: post -title: Populating Items in .NET MAUI Chips control | Syncfusion® -description: Learn about Populating Items support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. +title: Populating Items in .NET MAUI Chips control | Syncfusion® +description: Learn about Populating Items support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more. platform: maui-toolkit control: Chips documentation: ug diff --git a/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md b/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md index 434bcfac..e9b6c5f0 100644 --- a/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md +++ b/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md @@ -1,6 +1,6 @@ --- layout: post -title: How to apply the FontIcon for Syncfusion® chip control | .NET MAUI +title: How to apply the FontIcon for Syncfusion® chip control | .NET MAUI description: Learn how to apply the font icon to the Sfchip and its customization options with its available basic features in .NET MAUI platform: maui-toolkit control: Chips diff --git a/maui-toolkit/NumericEntry/Basic-Features.md b/maui-toolkit/NumericEntry/Basic-Features.md index 849f6b4b..955b1581 100644 --- a/maui-toolkit/NumericEntry/Basic-Features.md +++ b/maui-toolkit/NumericEntry/Basic-Features.md @@ -1,7 +1,7 @@ --- layout: post -title: Basic Features in .NET MAUI Numeric Entry control | Syncfusion® -description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric Entry (SfNumericEntry) control and more. +title: Basic Features in .NET MAUI Numeric Entry control | Syncfusion® +description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric Entry (SfNumericEntry) control and more. platform: maui control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericEntry/Events.md b/maui-toolkit/NumericEntry/Events.md index adc61a46..afa2295a 100644 --- a/maui-toolkit/NumericEntry/Events.md +++ b/maui-toolkit/NumericEntry/Events.md @@ -1,7 +1,7 @@ --- ayout: post -title: Events in .NET MAUI NumericEntry control | Syncfusion® -description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more details. +title: Events in .NET MAUI NumericEntry control | Syncfusion® +description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more details. platform: maui control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericEntry/Formatting.md b/maui-toolkit/NumericEntry/Formatting.md index 0093f663..28625bc0 100644 --- a/maui-toolkit/NumericEntry/Formatting.md +++ b/maui-toolkit/NumericEntry/Formatting.md @@ -1,7 +1,7 @@ --- layout: post -title: Change Number Format in .NET MAUI NumericEntry | Syncfusion® -description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more. +title: Change Number Format in .NET MAUI NumericEntry | Syncfusion® +description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more. platform: MAUI control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericEntry/Getting-Started.md b/maui-toolkit/NumericEntry/Getting-Started.md index d133e75a..83c23dd3 100644 --- a/maui-toolkit/NumericEntry/Getting-Started.md +++ b/maui-toolkit/NumericEntry/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with .NET MAUI NumericEntry | Syncfusion® -description: Learn how to get started with Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its elements, and more in here. +title: Getting Started with .NET MAUI NumericEntry | Syncfusion® +description: Learn how to get started with Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its elements, and more in here. platform: MAUI control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericEntry/Overview.md b/maui-toolkit/NumericEntry/Overview.md index fd9ccfdb..ed8a4e51 100644 --- a/maui-toolkit/NumericEntry/Overview.md +++ b/maui-toolkit/NumericEntry/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: About .NET MAUI NumericEntry Control | Syncfusion® -description: Learn here all about introduction of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its features, and more. +title: About .NET MAUI NumericEntry Control | Syncfusion® +description: Learn here all about introduction of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its features, and more. platform: MAUI control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericEntry/Restriction.md b/maui-toolkit/NumericEntry/Restriction.md index 4a9345c8..1fb91eb6 100644 --- a/maui-toolkit/NumericEntry/Restriction.md +++ b/maui-toolkit/NumericEntry/Restriction.md @@ -1,7 +1,7 @@ --- layout: post -title: Value Change Restriction in .NET MAUI NumericEntry | Syncfusion® -description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more. +title: Value Change Restriction in .NET MAUI NumericEntry | Syncfusion® +description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more. platform: MAUI control: SfNumericEntry documentation: ug diff --git a/maui-toolkit/NumericUpDown/Basic-Features.md b/maui-toolkit/NumericUpDown/Basic-Features.md index 14d93964..d859bd3b 100644 --- a/maui-toolkit/NumericUpDown/Basic-Features.md +++ b/maui-toolkit/NumericUpDown/Basic-Features.md @@ -1,7 +1,7 @@ --- layout: post -title: Basic Features in .NET MAUI Numeric UpDown control | Syncfusion® -description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric UpDown (SfNumericUpDown) control and more. +title: Basic Features in .NET MAUI Numeric UpDown control | Syncfusion® +description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric UpDown (SfNumericUpDown) control and more. platform: maui control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/Events.md b/maui-toolkit/NumericUpDown/Events.md index b07c8102..13885075 100644 --- a/maui-toolkit/NumericUpDown/Events.md +++ b/maui-toolkit/NumericUpDown/Events.md @@ -1,7 +1,7 @@ --- ayout: post -title: Events in .NET MAUI NumericUpDown control | Syncfusion® -description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more details. +title: Events in .NET MAUI NumericUpDown control | Syncfusion® +description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more details. platform: maui control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/Formatting.md b/maui-toolkit/NumericUpDown/Formatting.md index be8bca18..d3dfd558 100644 --- a/maui-toolkit/NumericUpDown/Formatting.md +++ b/maui-toolkit/NumericUpDown/Formatting.md @@ -1,7 +1,7 @@ --- layout: post -title: Change Number Format in .NET MAUI NumericUpDown | Syncfusion® -description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. +title: Change Number Format in .NET MAUI NumericUpDown | Syncfusion® +description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. platform: MAUI control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/Getting-Started.md b/maui-toolkit/NumericUpDown/Getting-Started.md index 7e23c2b5..8d5b683c 100644 --- a/maui-toolkit/NumericUpDown/Getting-Started.md +++ b/maui-toolkit/NumericUpDown/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with .NET MAUI NumericUpDown | Syncfusion® -description: Learn how to get started with Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its elements, and more in here. +title: Getting Started with .NET MAUI NumericUpDown | Syncfusion® +description: Learn how to get started with Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its elements, and more in here. platform: MAUI control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/Overview.md b/maui-toolkit/NumericUpDown/Overview.md index 8c2ab12d..15eb90ca 100644 --- a/maui-toolkit/NumericUpDown/Overview.md +++ b/maui-toolkit/NumericUpDown/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: About .NET MAUI NumericUpDown Control | Syncfusion® -description: Learn here all about introduction of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its features, and more. +title: About .NET MAUI NumericUpDown Control | Syncfusion® +description: Learn here all about introduction of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its features, and more. platform: MAUI control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/Restriction.md b/maui-toolkit/NumericUpDown/Restriction.md index 43850b0d..a0e0562d 100644 --- a/maui-toolkit/NumericUpDown/Restriction.md +++ b/maui-toolkit/NumericUpDown/Restriction.md @@ -1,7 +1,7 @@ --- layout: post -title: Value Change Restriction in .NET MAUI NumericUpDown | Syncfusion® -description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. +title: Value Change Restriction in .NET MAUI NumericUpDown | Syncfusion® +description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. platform: MAUI control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/NumericUpDown/UpDown-Button.md b/maui-toolkit/NumericUpDown/UpDown-Button.md index 1b43d462..c412e44e 100644 --- a/maui-toolkit/NumericUpDown/UpDown-Button.md +++ b/maui-toolkit/NumericUpDown/UpDown-Button.md @@ -1,7 +1,7 @@ --- layout: post -title: Use UpDown Button in .NET MAUI NumericUpDown | Syncfusion® -description: Learn here all about how to use UpDown Button (SpinButton) in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. +title: Use UpDown Button in .NET MAUI NumericUpDown | Syncfusion® +description: Learn here all about how to use UpDown Button (SpinButton) in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more. platform: MAUI control: SfNumericUpDown documentation: ug diff --git a/maui-toolkit/TextInputLayout/Assistive-Labels.md b/maui-toolkit/TextInputLayout/Assistive-Labels.md index 32e3992b..f7d3aa04 100644 --- a/maui-toolkit/TextInputLayout/Assistive-Labels.md +++ b/maui-toolkit/TextInputLayout/Assistive-Labels.md @@ -1,7 +1,7 @@ --- layout: post -title: Assistive Labels in .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here all about Assistive Labels support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Assistive Labels in .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here all about Assistive Labels support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Container-Type.md b/maui-toolkit/TextInputLayout/Container-Type.md index 405a0287..9848cf56 100644 --- a/maui-toolkit/TextInputLayout/Container-Type.md +++ b/maui-toolkit/TextInputLayout/Container-Type.md @@ -1,7 +1,7 @@ --- layout: post -title: Container Type in .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here all about Container Type support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Container Type in .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here all about Container Type support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Custom-Font.md b/maui-toolkit/TextInputLayout/Custom-Font.md index de4ba669..7532b017 100644 --- a/maui-toolkit/TextInputLayout/Custom-Font.md +++ b/maui-toolkit/TextInputLayout/Custom-Font.md @@ -1,7 +1,7 @@ --- layout: post -title: Font Customization in .NET MAUI TextInputLayout control | Syncfusion® -description: Learn here all about Font Customization support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Font Customization in .NET MAUI TextInputLayout control | Syncfusion® +description: Learn here all about Font Customization support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Custom-Icons.md b/maui-toolkit/TextInputLayout/Custom-Icons.md index 0f857123..cf2325e7 100644 --- a/maui-toolkit/TextInputLayout/Custom-Icons.md +++ b/maui-toolkit/TextInputLayout/Custom-Icons.md @@ -1,7 +1,7 @@ --- layout: post -title: Custom Icons in .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here all about Custom Icons support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Custom Icons in .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here all about Custom Icons support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Events.md b/maui-toolkit/TextInputLayout/Events.md index 3f07d520..675f5d87 100644 --- a/maui-toolkit/TextInputLayout/Events.md +++ b/maui-toolkit/TextInputLayout/Events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in MAUI TextInputLayout control | Syncfusion® -description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI TextInputLayout control, its elements, and more. +title: Events in MAUI TextInputLayout control | Syncfusion® +description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI TextInputLayout control, its elements, and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md b/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md index d3144329..aed20b0f 100644 --- a/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md +++ b/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md @@ -1,7 +1,7 @@ --- layout: post -title: Fixed Hint Position in .NET MAUI TextInputLayout control | Syncfusion® -description: Learn here all about Fixed Hint Position support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Fixed Hint Position in .NET MAUI TextInputLayout control | Syncfusion® +description: Learn here all about Fixed Hint Position support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Getting-Started.md b/maui-toolkit/TextInputLayout/Getting-Started.md index 800caa0b..840ab3eb 100644 --- a/maui-toolkit/TextInputLayout/Getting-Started.md +++ b/maui-toolkit/TextInputLayout/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here about getting started with Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more. +title: Getting Started with .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here about getting started with Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/How-To.md b/maui-toolkit/TextInputLayout/How-To.md index c7549515..ac114168 100644 --- a/maui-toolkit/TextInputLayout/How-To.md +++ b/maui-toolkit/TextInputLayout/How-To.md @@ -1,7 +1,7 @@ --- layout: post -title: How to | SfTextInputLayout |.NET MAUI | Syncfusion® -description: Learn here all about stroke thickness customization in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: How to | SfTextInputLayout |.NET MAUI | Syncfusion® +description: Learn here all about stroke thickness customization in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Overview.md b/maui-toolkit/TextInputLayout/Overview.md index bccc1b1b..073b2144 100644 --- a/maui-toolkit/TextInputLayout/Overview.md +++ b/maui-toolkit/TextInputLayout/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: About .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here all about introduction of Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more. +title: About .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here all about introduction of Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/States-And-Colors.md b/maui-toolkit/TextInputLayout/States-And-Colors.md index 929dfcbd..7c55656f 100644 --- a/maui-toolkit/TextInputLayout/States-And-Colors.md +++ b/maui-toolkit/TextInputLayout/States-And-Colors.md @@ -1,7 +1,7 @@ --- layout: post -title: States and Colors the .NET MAUI Text Input Layout control | Syncfusion® -description: Learn here all about States and Colors support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: States and Colors the .NET MAUI Text Input Layout control | Syncfusion® +description: Learn here all about States and Colors support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/Supported-input-views.md b/maui-toolkit/TextInputLayout/Supported-input-views.md index 34064305..6c8ec9dc 100644 --- a/maui-toolkit/TextInputLayout/Supported-input-views.md +++ b/maui-toolkit/TextInputLayout/Supported-input-views.md @@ -1,7 +1,7 @@ --- layout: post -title: Supported Input Views in .NET MAUI Text Input Layout | Syncfusion® -description: Learn here all about Supported Input Views support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Supported Input Views in .NET MAUI Text Input Layout | Syncfusion® +description: Learn here all about Supported Input Views support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug diff --git a/maui-toolkit/TextInputLayout/right-to-left.md b/maui-toolkit/TextInputLayout/right-to-left.md index e4aa5e2c..ad87a543 100644 --- a/maui-toolkit/TextInputLayout/right-to-left.md +++ b/maui-toolkit/TextInputLayout/right-to-left.md @@ -1,7 +1,7 @@ --- layout: post -title: Right-to-Left in .NET MAUI Text Input Layout control | Syncfusion® -description: Learn about Right-to-Left support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. +title: Right-to-Left in .NET MAUI Text Input Layout control | Syncfusion® +description: Learn about Right-to-Left support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more. platform: maui-toolkit control: SfTextInputLayout documentation: ug From 7160c2364c4586cbf60c971022ed68976b217bee Mon Sep 17 00:00:00 2001 From: ManjuDhanasekaran2001 Date: Fri, 17 Jan 2025 19:18:16 +0530 Subject: [PATCH 03/66] Added Trade mark symbol --- maui-toolkit/Carousel-View/Linear-Arrangement.md | 2 +- maui-toolkit/Carousel-View/LoadMore.md | 2 +- maui-toolkit/Carousel-View/Overview.md | 2 +- maui-toolkit/Carousel-View/Populating-Data.md | 2 +- maui-toolkit/Carousel-View/SwipeEvents.md | 2 +- maui-toolkit/Carousel-View/Transformation.md | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/maui-toolkit/Carousel-View/Linear-Arrangement.md b/maui-toolkit/Carousel-View/Linear-Arrangement.md index 9c598dca..46741aa2 100644 --- a/maui-toolkit/Carousel-View/Linear-Arrangement.md +++ b/maui-toolkit/Carousel-View/Linear-Arrangement.md @@ -1,6 +1,6 @@ --- layout : post -title: Linear Arrangement in .NET MAUI Carousel View control | Syncfusion +title: Linear Arrangement in .NET MAUI Carousel View control | Syncfusion® description: Learn here all about Linear Arrangement support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel diff --git a/maui-toolkit/Carousel-View/LoadMore.md b/maui-toolkit/Carousel-View/LoadMore.md index 21610ac1..ff76c790 100644 --- a/maui-toolkit/Carousel-View/LoadMore.md +++ b/maui-toolkit/Carousel-View/LoadMore.md @@ -1,6 +1,6 @@ --- layout : post -title: Load More in .NET MAUI Carousel View control | Syncfusion +title: Load More in .NET MAUI Carousel View control | Syncfusion® description: Learn here all about Load More support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel diff --git a/maui-toolkit/Carousel-View/Overview.md b/maui-toolkit/Carousel-View/Overview.md index 0fdb074d..5bb901ee 100644 --- a/maui-toolkit/Carousel-View/Overview.md +++ b/maui-toolkit/Carousel-View/Overview.md @@ -1,6 +1,6 @@ --- layout: post -title: About .NET MAUI Carousel View control | Syncfusion +title: About .NET MAUI Carousel View control | Syncfusion® description: Learn here all about introduction of Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. platform: maui control: Carousel diff --git a/maui-toolkit/Carousel-View/Populating-Data.md b/maui-toolkit/Carousel-View/Populating-Data.md index 37340f77..15b75c5a 100644 --- a/maui-toolkit/Carousel-View/Populating-Data.md +++ b/maui-toolkit/Carousel-View/Populating-Data.md @@ -1,6 +1,6 @@ --- layout : post -title: Populating Data in .NET MAUI Carousel View control | Syncfusion +title: Populating Data in .NET MAUI Carousel View control | Syncfusion® description: Learn here all about Populating Data support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform : maui control : Carousel diff --git a/maui-toolkit/Carousel-View/SwipeEvents.md b/maui-toolkit/Carousel-View/SwipeEvents.md index e4bae8e3..879efb86 100644 --- a/maui-toolkit/Carousel-View/SwipeEvents.md +++ b/maui-toolkit/Carousel-View/SwipeEvents.md @@ -1,6 +1,6 @@ --- layout: post -title: Swipe Events in .NET MAUI Carousel View control | Syncfusion +title: Swipe Events in .NET MAUI Carousel View control | Syncfusion® description: Learn here all about Swipe Events support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control and more. platform: maui control: Carousel diff --git a/maui-toolkit/Carousel-View/Transformation.md b/maui-toolkit/Carousel-View/Transformation.md index 7daa36f3..0d506289 100644 --- a/maui-toolkit/Carousel-View/Transformation.md +++ b/maui-toolkit/Carousel-View/Transformation.md @@ -1,6 +1,6 @@ --- layout : post -title: Transformation in .NET MAUI Carousel View control | Syncfusion +title: Transformation in .NET MAUI Carousel View control | Syncfusion® description: Learn here all about Transformation support in Syncfusion® .NET MAUI Carousel View (SfCarousel) control, its elements and more. platform : maui control : Carousel From f885c5e05916c1f70421fd91bd844876ee8ddd42 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 15:32:45 +0530 Subject: [PATCH 04/66] Included Otp-Input/Getting-Started.md --- maui-toolkit/Otp-Input/Getting-Started.md | 107 ++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 maui-toolkit/Otp-Input/Getting-Started.md diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md new file mode 100644 index 00000000..cd9a974b --- /dev/null +++ b/maui-toolkit/Otp-Input/Getting-Started.md @@ -0,0 +1,107 @@ +--- +layout: post +title: Getting started with .NET MAUI OtpInput control | Syncfusion® +description: Learn here about getting started with Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# Getting Started with .NET MAUI OtpInput + +This section provides a quick overview of how to get started with the `OtpInput` for .NET MAUI and a walk-through to configure the .NET MAUI OtpInput in a real-time scenario. Follow the steps below to add .NET MAUI OtpInput to your project. + +## Prerequisites + +Before proceeding, ensure the following are set up: + +1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed. +2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later) or Visual Studio Code. For Visual Studio Code users, ensure that the .NET MAUI workload is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code) + +## Step 1: Create a New MAUI Project + +{% tabcontents %} +{% tabcontent Visual Studio %} + +1. Go to **File > New > Project** and choose the **.NET MAUI App** template. +2. Name the project and choose a location. Then, click **Next.** +3. Select the .NET framework version and click **Create.** + +{% endtabcontent %} +{% tabcontent Visual Studio Code %} + +1. Open the command palette by pressing `Ctrl+Shift+P` and type **.NET:New Project** and enter. +2. Choose the **.NET MAUI App** template. +3. Select the project location, type the project name and press **Enter.** +4. Then choose **Create project.** + +{% endtabcontent %} +{% endtabcontents %} + +## Step 2: Install the Syncfusion® MAUI Toolkit Package + +{% tabcontents %} +{% tabcontent Visual Studio %} + +1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.** +2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version. +3. Ensure the necessary dependencies are installed correctly, and the project is restored. + +{% endtabcontent %} +{% tabcontent Visual Studio Code %} + +1. Press Ctrl + ` (backtick) to open the integrated terminal in Visual Studio Code. +2. Ensure you're in the project root directory where your .csproj file is located. +3. Run the command `dotnet add package Syncfusion.Maui.Toolkit` to install the Syncfusion® .NET MAUI Toolkit NuGet package. +4. To ensure all dependencies are installed, run `dotnet restore`. + +{% endtabcontent %} +{% endtabcontents %} + +## Step 3: Register the handler + +In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit. + +{% tabs %} +{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %} +using Syncfusion.Maui.Toolkit.Hosting; + +public static class MauiProgram +{ + public static MauiApp CreateMauiApp() + { + var builder = MauiApp.CreateBuilder(); + builder + .ConfigureSyncfusionToolkit() + .UseMauiApp() + .ConfigureFonts(fonts => + { + fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); + fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); + }); + + return builder.Build(); + } +} + +{% endhighlight %} +{% endtabs %} + +## Step 4: Add a Basic OtpInput + +1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code. + +2. Initialize `SfOtpInput`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput(); + +{% endhighlight %} +{% endtabs %} \ No newline at end of file From fd475299b7d74e5c9b76415f7596d788e8d9c628 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 16:50:15 +0530 Subject: [PATCH 05/66] Included Otp-Input/Input-Types.md --- maui-toolkit/Otp-Input/Getting-Started.md | 2 +- maui-toolkit/Otp-Input/Input-Types.md | 97 +++++++++++++++++++++++ 2 files changed, 98 insertions(+), 1 deletion(-) create mode 100644 maui-toolkit/Otp-Input/Input-Types.md diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md index cd9a974b..af43a558 100644 --- a/maui-toolkit/Otp-Input/Getting-Started.md +++ b/maui-toolkit/Otp-Input/Getting-Started.md @@ -96,7 +96,7 @@ public static class MauiProgram {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md new file mode 100644 index 00000000..aefddd52 --- /dev/null +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -0,0 +1,97 @@ +--- +layout: post +title: Swiping in .NET MAUI OtpInput | Syncfusion® +description: Learn here all about input types in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# Input Types in Blazor OTP Input component + +## Types + +This section explains the the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases. + +### Number type + +You can set the `Type` property to `Number` to use this input type as number. This is ideal for OTP input scenarios with numeric-only codes. By default `Type` property is `Number`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Value = "1234", + Type = OtpInputType.Number +}; + +{% endhighlight %} +{% endtabs %} + +### Text type + +You can set the `Type` property to `Text` to use this input type as text. This is suitable when the OTP input need to include both letters and numbers. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Value = "1234", + Type = OtpInputType.Text +}; + +{% endhighlight %} +{% endtabs %} + +### Password type + +You can set the `Type` property to `Password` to use this input type as password in the OTP Input. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Value = "1234", + Type = OtpInputType.Password +}; + +{% endhighlight %} +{% endtabs %} + +## Value + +You can specify the value of OTP Input by using the `Value` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Value = "1234" +}; + +{% endhighlight %} +{% endtabs %} \ No newline at end of file From 104b8605394d286a278ecd74f4203d8a0e93850b Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 17:00:31 +0530 Subject: [PATCH 06/66] Included Otp-Input/Styling-Modes.md --- maui-toolkit/Otp-Input/Styling-Modes.md | 72 +++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 maui-toolkit/Otp-Input/Styling-Modes.md diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md new file mode 100644 index 00000000..05b9011c --- /dev/null +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -0,0 +1,72 @@ +--- +layout: post +title: Swiping in .NET MAUI OtpInput | Syncfusion® +description: Learn here all about styling modes in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# Styling Modes in OTP Input component + +Styling modes specify the style variants for the input fields in the OTP Input component. These modes allows you to customize the appearance of the OTP Input fields. + +## Outline mode + +You can use the outline style by setting the `StylingMode` property to `Outlined`. The default styling mode is `Outlined`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + StylingMode = OtpInputStyle.Outlined +}; + +{% endhighlight %} +{% endtabs %} + +## Filled mode + +You can use the filled style by setting the `StylingMode` property to `Filled`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + StylingMode = OtpInputStyle.Filled +}; + +{% endhighlight %} +{% endtabs %} + +## Underline mode + +You can use the underline style by setting the `StylingMode` property to `Underlined`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + StylingMode = OtpInputStyle.Underlined +}; + +{% endhighlight %} +{% endtabs %} \ No newline at end of file From ce61c536c89ef7320dc627afeb69cfa1678ad618 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 18:00:57 +0530 Subject: [PATCH 07/66] Included Otp-Input/OtpInput-Customization.md --- .../Otp-Input/OtpInput-Customization.md | 137 ++++++++++++++++++ 1 file changed, 137 insertions(+) create mode 100644 maui-toolkit/Otp-Input/OtpInput-Customization.md diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md new file mode 100644 index 00000000..4cfd60c2 --- /dev/null +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -0,0 +1,137 @@ +--- +layout: post +title: Customization in .NET MAUI OtpInput (SfOtpInput) | Syncfusion® +description: Learn how to customize otp input in Syncfusion® .NET MAUI OtpInput (SfOtpInput). Explore the options to enhance your otp input appearance. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# Customization in .NET MAUI OtpInput (SfOtpInput) + +A `OtpInput` consists of several elements that can be customized to enhance its appearance and functionality. + +## Placeholder in OTP Input component + +The placeholder in OTP Input specifies the text that is shown as a hint or placeholder until the user enters a value in the input field. It acts as a guidance for the users regarding the expected input format or purpose of the input field. + +You can set the placeholder text by using the `Placeholder` property. Additionally, when providing a single character as the placeholder value all input fields within the OTP Input component will display the same character. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Placeholder = "x" +}; + +{% endhighlight %} +{% endtabs %} + +When a placeholder with multiple placeholder characters is provided each input field will display characters from the placeholder string in sequence based on the available OTP Input length. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Placeholder = "wxyz" +}; + +{% endhighlight %} +{% endtabs %} + +## PlaceholderColor in OTP Input component + +The placeholder text color can be changed by using the `PlaceholderColor` property. The default value of PlaceholderColor property is `Colors.Gray`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Placeholder = "x", + PlaceholderColor = Colors.Red +}; + +{% endhighlight %} +{% endtabs %} + +## Separator in OTP Input component + +The separator in OTP Input specifies the character or symbol used to separate each input field in the OTP Input component. This separator is displayed between each input field to visually distinguish between each inputs. You can set the separator character by using the `Separator` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Separator = "/" +}; + +{% endhighlight %} +{% endtabs %} + +## Appearance in OTP Input component + +You can also customize the appearance of OTP Input component. + +### Setting input length + +You can specify the length of OTP by using the `Length` property. The default value is `4`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Length = 6 +}; + +{% endhighlight %} +{% endtabs %} + +### Disable inputs + +You can disable the OTP Input component by using the `IsEnabled` property. By default the value is `true`. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + IsEnabled = false +}; + +{% endhighlight %} +{% endtabs %} \ No newline at end of file From 764fcead300bc70dc9b71c8346faf228789babc9 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 18:26:20 +0530 Subject: [PATCH 08/66] Updated maui-toolkit-toc.html --- maui-toolkit-toc.html | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 16e48c58..e0563092 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -289,6 +289,15 @@
  • Events
    • +
  • + SfOtpInput + +
  • SfPolarChart
      From 31b493c699e913fc51477d35e1d8f9a7a69ffdc6 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 18:29:27 +0530 Subject: [PATCH 09/66] Updated maui-toolkit-toc.html --- maui-toolkit-toc.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index e0563092..eee01218 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -292,10 +292,10 @@
    • SfOtpInput
    • From 194ac56f6fc6a8f97e940a6620837ef028a3d79c Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 19:03:23 +0530 Subject: [PATCH 10/66] Included Otp-Input/Events.md --- maui-toolkit-toc.html | 1 + maui-toolkit/Otp-Input/Events.md | 37 ++++++++++++++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 maui-toolkit/Otp-Input/Events.md diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index eee01218..d0968f57 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -296,6 +296,7 @@
    • Input Types
    • Styling Modes
    • OtpInput Customization
      • +
    • Events
  • diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md new file mode 100644 index 00000000..e51acfad --- /dev/null +++ b/maui-toolkit/Otp-Input/Events.md @@ -0,0 +1,37 @@ +--- +layout: post +title: Events in .NET MAUI OtpInput control | Syncfusion® +description: Learn about event support in Syncfusion® Toolkit for .NET MAUI OtpInput (SfOtpInput) control and more. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# Event in .NET MAUI OtpInput (SfOtpInput) + +## ValueChanged event + +The OTP Input component triggers the `ValueChanged` event when the value of each OTP Input is changed. The `OtpInputValueChangedEventArgs` passed as an event argument provides the details of the each value is changed. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput(); +otpInput.ValueChanged += OnValueChanged; + +{% endhighlight %} +{% endtabs %} + +{% highlight c# %} + +private void OnValueChanged(object sender, OtpInputValueChangedEventArgs e) +{ + // Codes that need to be executed once the input value is Changed. +} + +{% endhighlight %} \ No newline at end of file From 26ce7d2cfa586a7d129c9dd1b4f406cf306ff177 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 19:37:28 +0530 Subject: [PATCH 11/66] Included Otp-Input/accessibility.md --- maui-toolkit/Otp-Input/accessibility.md | 60 +++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 maui-toolkit/Otp-Input/accessibility.md diff --git a/maui-toolkit/Otp-Input/accessibility.md b/maui-toolkit/Otp-Input/accessibility.md new file mode 100644 index 00000000..127b2dbf --- /dev/null +++ b/maui-toolkit/Otp-Input/accessibility.md @@ -0,0 +1,60 @@ +--- +layout: post +title: Accessibility in .NET MAUI OtpInput Control | Syncfusion +description: Learn here all about the accessibility features of Syncfusion .NET MAUI OtpInput (SfOtpInput) control. +platform: maui +control: SfOtpInput +documentation: ug +--- + +# Accessibility in .NET Maui SfOtpInput + +The OtpInput Control is designed to work effectively with the OtpInput elements, providing voice descriptions of their OtpInput items. + +## Keyboard Interaction +The following keyboard shortcuts are supported by the OTP Input component. + + + + + + + + + + + + + + + + + + + + + + +
    +Key + +Description +
    +LeftArrow + +Focuses the previous input in the OTP. +
    +RightArrow + +Focuses the next input in OTP +
    +Tab + +Moves the initial focus and shifts focus to the next input of the OTP. +
    +Shift + Tab + +Moves the focus to the previous input of the OTP. +
    + +N> Tab and Shift + Tab functionality works only on Windows and MacCatalyst. \ No newline at end of file From 047ac65628c70e10d580d4e597d960dd9dae7d07 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Tue, 21 Jan 2025 21:21:35 +0530 Subject: [PATCH 12/66] Updated maui-toolkit-toc.html --- maui-toolkit-toc.html | 1 + 1 file changed, 1 insertion(+) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index d0968f57..1dfeeef8 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -297,6 +297,7 @@
  • Styling Modes
  • OtpInput Customization
  • Events
    • +
  • Events
  • From 209aba70b84443c8baf3eca09bf2eba7f3a42afa Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 11:10:59 +0530 Subject: [PATCH 13/66] Included Otp-Input/Overview.md --- maui-toolkit/Otp-Input/Overview.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 maui-toolkit/Otp-Input/Overview.md diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md new file mode 100644 index 00000000..831f55f0 --- /dev/null +++ b/maui-toolkit/Otp-Input/Overview.md @@ -0,0 +1,20 @@ +--- +layout: post +title: About .NET MAUI OtpInput control | Syncfusion® +description: Learn here all about introduction of Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +platform: maui-toolkit +control: OtpInput +documentation: ug +--- + +# .NET MAUI OtpInput (SfOtpInput) Overview + +An `OtpInput` is a user interface component commonly used in applications that require one-time password (OTP) verification for authentication. This simplify and streamline the process of entering OTP codes received via SMS, email, or other communication channels. + +## Key Features + +* `Length` - The length property lets you easily customize the number of OTP input fields. + +* `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined. + +* `Types` - Supports different input types : Number, Password, and Text. \ No newline at end of file From 3b6e9c2ce558d86bb7dad2e1b8929ce1c523ac21 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 11:26:09 +0530 Subject: [PATCH 14/66] Updated description --- maui-toolkit/Otp-Input/Input-Types.md | 2 +- maui-toolkit/Otp-Input/Styling-Modes.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md index aefddd52..39ec0d59 100644 --- a/maui-toolkit/Otp-Input/Input-Types.md +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -1,7 +1,7 @@ --- layout: post title: Swiping in .NET MAUI OtpInput | Syncfusion® -description: Learn here all about input types in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +description: Learn here about input types in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. platform: maui-toolkit control: OtpInput documentation: ug diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md index 05b9011c..476dd197 100644 --- a/maui-toolkit/Otp-Input/Styling-Modes.md +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -1,7 +1,7 @@ --- layout: post title: Swiping in .NET MAUI OtpInput | Syncfusion® -description: Learn here all about styling modes in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +description: Learn here about styling modes in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. platform: maui-toolkit control: OtpInput documentation: ug From 8786976744a58499ae14ae3c7a9faca421444415 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 11:30:18 +0530 Subject: [PATCH 15/66] Updated description --- maui-toolkit-toc.html | 3 ++- maui-toolkit/Otp-Input/Overview.md | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 1dfeeef8..1b85460b 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -292,12 +292,13 @@
  • SfOtpInput
  • diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md index 831f55f0..f82f4b81 100644 --- a/maui-toolkit/Otp-Input/Overview.md +++ b/maui-toolkit/Otp-Input/Overview.md @@ -1,7 +1,7 @@ --- layout: post title: About .NET MAUI OtpInput control | Syncfusion® -description: Learn here all about introduction of Syncfusion® .NET MAUI OtpInput (SfOtpInput) control and more. +description: Learn here about introduction of Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. platform: maui-toolkit control: OtpInput documentation: ug From f79dbcc1ccf45c143a14426e8fcb1e42a8bdf622 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 12:43:14 +0530 Subject: [PATCH 16/66] Removed Otp-Input/accessibility.md --- maui-toolkit-toc.html | 1 - maui-toolkit/Otp-Input/accessibility.md | 60 ------------------------- 2 files changed, 61 deletions(-) delete mode 100644 maui-toolkit/Otp-Input/accessibility.md diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 1b85460b..19bc7541 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -298,7 +298,6 @@
  • Styling Modes
  • OtpInput Customization
  • Events
    • -
  • Accessibility
  • diff --git a/maui-toolkit/Otp-Input/accessibility.md b/maui-toolkit/Otp-Input/accessibility.md deleted file mode 100644 index 127b2dbf..00000000 --- a/maui-toolkit/Otp-Input/accessibility.md +++ /dev/null @@ -1,60 +0,0 @@ ---- -layout: post -title: Accessibility in .NET MAUI OtpInput Control | Syncfusion -description: Learn here all about the accessibility features of Syncfusion .NET MAUI OtpInput (SfOtpInput) control. -platform: maui -control: SfOtpInput -documentation: ug ---- - -# Accessibility in .NET Maui SfOtpInput - -The OtpInput Control is designed to work effectively with the OtpInput elements, providing voice descriptions of their OtpInput items. - -## Keyboard Interaction -The following keyboard shortcuts are supported by the OTP Input component. - - - - - - - - - - - - - - - - - - - - - - -
    -Key - -Description -
    -LeftArrow - -Focuses the previous input in the OTP. -
    -RightArrow - -Focuses the next input in OTP -
    -Tab - -Moves the initial focus and shifts focus to the next input of the OTP. -
    -Shift + Tab - -Moves the focus to the previous input of the OTP. -
    - -N> Tab and Shift + Tab functionality works only on Windows and MacCatalyst. \ No newline at end of file From 717698f9bc1e3e1f7b8ea9425688ebe5d58f18a9 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 13:33:00 +0530 Subject: [PATCH 17/66] Updated suggested changes --- maui-toolkit-toc.html | 2 +- maui-toolkit/Otp-Input/Events.md | 2 +- maui-toolkit/Otp-Input/Input-Types.md | 10 +++++----- .../Otp-Input/OtpInput-Customization.md | 18 +++++++++--------- maui-toolkit/Otp-Input/Overview.md | 2 +- maui-toolkit/Otp-Input/Styling-Modes.md | 6 +++--- 6 files changed, 20 insertions(+), 20 deletions(-) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 19bc7541..02a7aa2e 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -296,7 +296,7 @@
  • Getting Started
  • Input Types
  • Styling Modes
    • -
  • OtpInput Customization
    • +
  • Customization
  • Events
    • diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md index e51acfad..4cc04e52 100644 --- a/maui-toolkit/Otp-Input/Events.md +++ b/maui-toolkit/Otp-Input/Events.md @@ -11,7 +11,7 @@ documentation: ug ## ValueChanged event -The OTP Input component triggers the `ValueChanged` event when the value of each OTP Input is changed. The `OtpInputValueChangedEventArgs` passed as an event argument provides the details of the each value is changed. +The OtpInput component triggers the `ValueChanged` event when the value of each OtpInput is changed. The `OtpInputValueChangedEventArgs` passed as an event argument provides the details of the each value is changed. {% tabs %} {% highlight xaml %} diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md index 39ec0d59..874b560f 100644 --- a/maui-toolkit/Otp-Input/Input-Types.md +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -1,6 +1,6 @@ --- layout: post -title: Swiping in .NET MAUI OtpInput | Syncfusion® +title: Input Types in .NET MAUI OtpInput | Syncfusion® description: Learn here about input types in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. platform: maui-toolkit control: OtpInput @@ -15,7 +15,7 @@ This section explains the the various types of OTP (One-Time Password) input com ### Number type -You can set the `Type` property to `Number` to use this input type as number. This is ideal for OTP input scenarios with numeric-only codes. By default `Type` property is `Number`. +You can set the `Type` property to `Number` to use this input type as number. This is ideal for OtpInput scenarios with numeric-only codes. By default `Type` property is `Number`. {% tabs %} {% highlight xaml %} @@ -36,7 +36,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Text type -You can set the `Type` property to `Text` to use this input type as text. This is suitable when the OTP input need to include both letters and numbers. +You can set the `Type` property to `Text` to use this input type as text. This is suitable when the OtpInput need to include both letters and numbers. {% tabs %} {% highlight xaml %} @@ -57,7 +57,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Password type -You can set the `Type` property to `Password` to use this input type as password in the OTP Input. +You can set the `Type` property to `Password` to use this input type as password in the OtpInput. {% tabs %} {% highlight xaml %} @@ -78,7 +78,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Value -You can specify the value of OTP Input by using the `Value` property. +You can specify the value of OtpInput by using the `Value` property. {% tabs %} {% highlight xaml %} diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index 4cfd60c2..89cdc0ac 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -11,9 +11,9 @@ documentation: ug A `OtpInput` consists of several elements that can be customized to enhance its appearance and functionality. -## Placeholder in OTP Input component +## Placeholder in OtpInput component -The placeholder in OTP Input specifies the text that is shown as a hint or placeholder until the user enters a value in the input field. It acts as a guidance for the users regarding the expected input format or purpose of the input field. +The placeholder in OtpInput specifies the text that is shown as a hint or placeholder until the user enters a value in the input field. It acts as a guidance for the users regarding the expected input format or purpose of the input field. You can set the placeholder text by using the `Placeholder` property. Additionally, when providing a single character as the placeholder value all input fields within the OTP Input component will display the same character. @@ -33,7 +33,7 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -When a placeholder with multiple placeholder characters is provided each input field will display characters from the placeholder string in sequence based on the available OTP Input length. +When a placeholder with multiple placeholder characters is provided each input field will display characters from the placeholder string in sequence based on the available OtpInput length. {% tabs %} {% highlight xaml %} @@ -51,7 +51,7 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## PlaceholderColor in OTP Input component +## PlaceholderColor in OtpInput component The placeholder text color can be changed by using the `PlaceholderColor` property. The default value of PlaceholderColor property is `Colors.Gray`. @@ -72,9 +72,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## Separator in OTP Input component +## Separator in OtpInput component -The separator in OTP Input specifies the character or symbol used to separate each input field in the OTP Input component. This separator is displayed between each input field to visually distinguish between each inputs. You can set the separator character by using the `Separator` property. +The separator in OtpInput specifies the character or symbol used to separate each input field in the OtpInput component. This separator is displayed between each input field to visually distinguish between each inputs. You can set the separator character by using the `Separator` property. {% tabs %} {% highlight xaml %} @@ -92,9 +92,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## Appearance in OTP Input component +## Appearance in OtpInput component -You can also customize the appearance of OTP Input component. +You can also customize the appearance of OtpInput component. ### Setting input length @@ -118,7 +118,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Disable inputs -You can disable the OTP Input component by using the `IsEnabled` property. By default the value is `true`. +You can disable the OtpInput component by using the `IsEnabled` property. By default the value is `true`. {% tabs %} {% highlight xaml %} diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md index f82f4b81..4791df40 100644 --- a/maui-toolkit/Otp-Input/Overview.md +++ b/maui-toolkit/Otp-Input/Overview.md @@ -13,7 +13,7 @@ An `OtpInput` is a user interface component commonly used in applications that r ## Key Features -* `Length` - The length property lets you easily customize the number of OTP input fields. +* `Length` - The length property lets you easily customize the number of OtpInput fields. * `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined. diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md index 476dd197..af1bbaa9 100644 --- a/maui-toolkit/Otp-Input/Styling-Modes.md +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -1,15 +1,15 @@ --- layout: post -title: Swiping in .NET MAUI OtpInput | Syncfusion® +title: Styling Modes in .NET MAUI OtpInput | Syncfusion® description: Learn here about styling modes in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications. platform: maui-toolkit control: OtpInput documentation: ug --- -# Styling Modes in OTP Input component +# Styling Modes in OtpInput component -Styling modes specify the style variants for the input fields in the OTP Input component. These modes allows you to customize the appearance of the OTP Input fields. +Styling modes specify the style variants for the input fields in the OtpInput component. These modes allows you to customize the appearance of the OtpInput fields. ## Outline mode From d658a8ac4ecd4e8c998faf2bd7e90e6ff8cb9fe9 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 15:28:57 +0530 Subject: [PATCH 18/66] Addressed the feedbacks --- maui-toolkit/Otp-Input/Events.md | 2 +- maui-toolkit/Otp-Input/Getting-Started.md | 99 ++++++++++++++----- maui-toolkit/Otp-Input/Input-Types.md | 21 ++-- .../Otp-Input/OtpInput-Customization.md | 40 ++++---- maui-toolkit/Otp-Input/Overview.md | 2 +- maui-toolkit/Otp-Input/Styling-Modes.md | 6 +- 6 files changed, 109 insertions(+), 61 deletions(-) diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md index 4cc04e52..3185b450 100644 --- a/maui-toolkit/Otp-Input/Events.md +++ b/maui-toolkit/Otp-Input/Events.md @@ -16,7 +16,7 @@ The OtpInput component triggers the `ValueChanged` event when the value of each {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md index af43a558..5ea97caa 100644 --- a/maui-toolkit/Otp-Input/Getting-Started.md +++ b/maui-toolkit/Otp-Input/Getting-Started.md @@ -11,53 +11,101 @@ documentation: ug This section provides a quick overview of how to get started with the `OtpInput` for .NET MAUI and a walk-through to configure the .NET MAUI OtpInput in a real-time scenario. Follow the steps below to add .NET MAUI OtpInput to your project. +{% tabcontents %} +{% tabcontent Visual Studio %} + ## Prerequisites Before proceeding, ensure the following are set up: 1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed. -2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later) or Visual Studio Code. For Visual Studio Code users, ensure that the .NET MAUI workload is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code) +2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later). -## Step 1: Create a New MAUI Project - -{% tabcontents %} -{% tabcontent Visual Studio %} +## Step 1: Create a new .NET MAUI Project 1. Go to **File > New > Project** and choose the **.NET MAUI App** template. 2. Name the project and choose a location. Then, click **Next.** 3. Select the .NET framework version and click **Create.** +## Step 2: Install the Syncfusion® MAUI Toolkit Package + +1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.** +2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version. +3. Ensure the necessary dependencies are installed correctly, and the project is restored. + +## Step 3: Register the handler + +In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit. + +{% tabs %} +{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %} +using Syncfusion.Maui.Toolkit.Hosting; + +public static class MauiProgram +{ + public static MauiApp CreateMauiApp() + { + var builder = MauiApp.CreateBuilder(); + builder + .ConfigureSyncfusionToolkit() + .UseMauiApp() + .ConfigureFonts(fonts => + { + fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); + fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); + }); + + return builder.Build(); + } +} + +{% endhighlight %} +{% endtabs %} + +## Step 4: Add a Basic OtpInput + +1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code. + +2. Initialize `SfOtpInput.` + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight c# %} + +SfOtpInput otpInput = new SfOtpInput(); + +{% endhighlight %} +{% endtabs %} + {% endtabcontent %} {% tabcontent Visual Studio Code %} +## Prerequisites + +Before proceeding, ensure the following are set up: + +1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed. +2. Set up a .NET MAUI environment with Visual Studio Code. +3. Ensure that the .NET MAUI extension is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code) + +## Step 1: Create a new .NET MAUI Project + 1. Open the command palette by pressing `Ctrl+Shift+P` and type **.NET:New Project** and enter. 2. Choose the **.NET MAUI App** template. 3. Select the project location, type the project name and press **Enter.** 4. Then choose **Create project.** -{% endtabcontent %} -{% endtabcontents %} - ## Step 2: Install the Syncfusion® MAUI Toolkit Package -{% tabcontents %} -{% tabcontent Visual Studio %} - -1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.** -2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version. -3. Ensure the necessary dependencies are installed correctly, and the project is restored. - -{% endtabcontent %} -{% tabcontent Visual Studio Code %} - 1. Press Ctrl + ` (backtick) to open the integrated terminal in Visual Studio Code. 2. Ensure you're in the project root directory where your .csproj file is located. 3. Run the command `dotnet add package Syncfusion.Maui.Toolkit` to install the Syncfusion® .NET MAUI Toolkit NuGet package. 4. To ensure all dependencies are installed, run `dotnet restore`. -{% endtabcontent %} -{% endtabcontents %} - ## Step 3: Register the handler In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit. @@ -91,12 +139,12 @@ public static class MauiProgram 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code. -2. Initialize `SfOtpInput`. +2. Initialize `SfOtpInput.` {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -104,4 +152,7 @@ public static class MauiProgram SfOtpInput otpInput = new SfOtpInput(); {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +{% endtabcontent %} +{% endtabcontents %} \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md index 874b560f..c0dfb0d1 100644 --- a/maui-toolkit/Otp-Input/Input-Types.md +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -7,7 +7,7 @@ control: OtpInput documentation: ug --- -# Input Types in Blazor OTP Input component +# Input Types in MAUI OTP Input component ## Types @@ -15,12 +15,12 @@ This section explains the the various types of OTP (One-Time Password) input com ### Number type -You can set the `Type` property to `Number` to use this input type as number. This is ideal for OtpInput scenarios with numeric-only codes. By default `Type` property is `Number`. +The `Type` property can be set to `Number`, prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTPs. By default, the `Type` property is set to `Number`. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -36,19 +36,19 @@ SfOtpInput otpInput = new SfOtpInput() ### Text type -You can set the `Type` property to `Text` to use this input type as text. This is suitable when the OtpInput need to include both letters and numbers. +You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTPs. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} SfOtpInput otpInput = new SfOtpInput() { - Value = "1234", + Value = "e3c7", Type = OtpInputType.Text }; @@ -62,14 +62,14 @@ You can set the `Type` property to `Password` to use this input type as password {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} SfOtpInput otpInput = new SfOtpInput() { - Value = "1234", + Value = "e3c7", Type = OtpInputType.Password }; @@ -83,14 +83,15 @@ You can specify the value of OtpInput by using the `Value` property. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} SfOtpInput otpInput = new SfOtpInput() { - Value = "1234" + Value = "e3c7", + Type = OtpInputType.Text }; {% endhighlight %} diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index 89cdc0ac..1caf0c16 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Customization in .NET MAUI OtpInput (SfOtpInput) | Syncfusion® -description: Learn how to customize otp input in Syncfusion® .NET MAUI OtpInput (SfOtpInput). Explore the options to enhance your otp input appearance. +description: Learn how to customize OTP input in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control. Explore various options to enhance the appearance of your OTP input. platform: maui-toolkit control: OtpInput documentation: ug @@ -9,18 +9,18 @@ documentation: ug # Customization in .NET MAUI OtpInput (SfOtpInput) -A `OtpInput` consists of several elements that can be customized to enhance its appearance and functionality. +An `OtpInput` consists of multiple elements that can be customized to enhance both its appearance and functionality. -## Placeholder in OtpInput component +## Placeholder -The placeholder in OtpInput specifies the text that is shown as a hint or placeholder until the user enters a value in the input field. It acts as a guidance for the users regarding the expected input format or purpose of the input field. +The placeholder for the OtpInput specifies the text that appears as a hint until the user enters a value. -You can set the placeholder text by using the `Placeholder` property. Additionally, when providing a single character as the placeholder value all input fields within the OTP Input component will display the same character. +Set the placeholder text using the `Placeholder` property. When a single character is assigned, each input field will show the same character. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -33,12 +33,12 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -When a placeholder with multiple placeholder characters is provided each input field will display characters from the placeholder string in sequence based on the available OtpInput length. +For placeholders with multiple characters, available input fields will sequentially display each character. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -51,14 +51,14 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## PlaceholderColor in OtpInput component +### PlaceholderColor -The placeholder text color can be changed by using the `PlaceholderColor` property. The default value of PlaceholderColor property is `Colors.Gray`. +The color of placeholder text can be changed using the `PlaceholderColor` property. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} @@ -72,14 +72,14 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## Separator in OtpInput component +## Separator -The separator in OtpInput specifies the character or symbol used to separate each input field in the OtpInput component. This separator is displayed between each input field to visually distinguish between each inputs. You can set the separator character by using the `Separator` property. +The `Separator` property defines a character or symbol used to separate each input field, visually distinguishing inputs. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} @@ -92,18 +92,14 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## Appearance in OtpInput component - -You can also customize the appearance of OtpInput component. - -### Setting input length +## Setting input length You can specify the length of OTP by using the `Length` property. The default value is `4`. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} @@ -116,14 +112,14 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -### Disable inputs +## Disable inputs You can disable the OtpInput component by using the `IsEnabled` property. By default the value is `true`. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md index 4791df40..4b82b684 100644 --- a/maui-toolkit/Otp-Input/Overview.md +++ b/maui-toolkit/Otp-Input/Overview.md @@ -17,4 +17,4 @@ An `OtpInput` is a user interface component commonly used in applications that r * `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined. -* `Types` - Supports different input types : Number, Password, and Text. \ No newline at end of file +* `Type` - Supports different input types : Number, Password, and Text. \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md index af1bbaa9..db9947e2 100644 --- a/maui-toolkit/Otp-Input/Styling-Modes.md +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -18,7 +18,7 @@ You can use the outline style by setting the `StylingMode` property to `Outlined {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -38,7 +38,7 @@ You can use the filled style by setting the `StylingMode` property to `Filled`. {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} @@ -58,7 +58,7 @@ You can use the underline style by setting the `StylingMode` property to `Underl {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight c# %} From 146d0e808d692ca76ab43a3b6955e02077cd4520 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 16:42:04 +0530 Subject: [PATCH 19/66] Updated Otp-Input/OtpInput-Customization.md --- .../Otp-Input/OtpInput-Customization.md | 88 ++++++++++++++++++- 1 file changed, 87 insertions(+), 1 deletion(-) diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index 1caf0c16..bec0b798 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -130,4 +130,90 @@ SfOtpInput otpInput = new SfOtpInput() }; {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +## Input Background + +You can specify the color of OtpInput using `InputBackground` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + InputBackground = Colors.LightPink, + StylingMode = OtpInputStyle.Filled +}; + +{% endhighlight %} +{% endtabs %} + +N> The `InputBackground` property applies only when `StylingMode` is set to `Filled.` + +## Stroke + +You can specify the color of border in OtpInput using `Stroke` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Stroke = Colors.Blue +}; + +{% endhighlight %} +{% endtabs %} + +## TextColor + +You can specify the color of text in OtpInput using `TextColor` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + TextColor = Colors.Orange +}; + +{% endhighlight %} +{% endtabs %} + +## MaskCharacter + +You can specify the character used to mask the text in OtpInput using `MaskCharacter` property. + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + Type = OtpInputType.Password, + MaskCharacter = '*' +}; + +{% endhighlight %} +{% endtabs %} + +N> The `MaskCharacter` property applies only when `Type` is set to `Password.` \ No newline at end of file From 1ff12efc183678778d6a7ebaddd50b207794ac1d Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Wed, 22 Jan 2025 19:18:12 +0530 Subject: [PATCH 20/66] Updated Otp-Input/OtpInput-Customization.md --- .../Otp-Input/OtpInput-Customization.md | 66 ++++++++++++++++++- 1 file changed, 65 insertions(+), 1 deletion(-) diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index bec0b798..cf0bdcf3 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -216,4 +216,68 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -N> The `MaskCharacter` property applies only when `Type` is set to `Password.` \ No newline at end of file +N> The `MaskCharacter` property applies only when `Type` is set to `Password.` + +## InputState + +The `InputState` property in the OtpInput allows you to visually represent the validation status of the input fields. + +### Success + +The `Stroke` of OtpInput turns green when `InputState` is set to `Success.` + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + InputState = OtpInputState.Success +}; + +{% endhighlight %} +{% endtabs %} + +### Warning + +The `Stroke` of OtpInput turns yellow when `InputState` is set to `Warning.` + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + InputState = OtpInputState.Warning +}; + +{% endhighlight %} +{% endtabs %} + +### Error + +The `Stroke` of OtpInput turns red when `InputState` is set to `Error.` + +{% tabs %} +{% highlight xaml %} + + + +{% endhighlight %} +{% highlight C# %} + +SfOtpInput otpInput = new SfOtpInput() +{ + InputState = OtpInputState.Error +}; + +{% endhighlight %} +{% endtabs %} \ No newline at end of file From b11926c5bcff70ac965ca568b5e15e639cb97387 Mon Sep 17 00:00:00 2001 From: Naveenkumar S Date: Thu, 23 Jan 2025 18:03:01 +0530 Subject: [PATCH 21/66] Reviewed the OtpInput content --- maui-toolkit/Otp-Input/Events.md | 10 +++++-- maui-toolkit/Otp-Input/Getting-Started.md | 2 +- maui-toolkit/Otp-Input/Input-Types.md | 2 +- .../Otp-Input/OtpInput-Customization.md | 28 +++++++++---------- maui-toolkit/Otp-Input/Overview.md | 6 ++-- maui-toolkit/Otp-Input/Styling-Modes.md | 11 ++++---- 6 files changed, 32 insertions(+), 27 deletions(-) diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md index 3185b450..d3ec1d14 100644 --- a/maui-toolkit/Otp-Input/Events.md +++ b/maui-toolkit/Otp-Input/Events.md @@ -7,11 +7,13 @@ control: OtpInput documentation: ug --- -# Event in .NET MAUI OtpInput (SfOtpInput) +# Events in .NET MAUI OtpInput (SfOtpInput) + +Events in the OtpInput control allow developers to respond to user interactions and input changes effectively. ## ValueChanged event -The OtpInput component triggers the `ValueChanged` event when the value of each OtpInput is changed. The `OtpInputValueChangedEventArgs` passed as an event argument provides the details of the each value is changed. +The OtpInput component triggers the `ValueChanged` event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The `OtpInputValueChangedEventArgs` provides details about the specific changes in value. {% tabs %} {% highlight xaml %} @@ -31,7 +33,9 @@ otpInput.ValueChanged += OnValueChanged; private void OnValueChanged(object sender, OtpInputValueChangedEventArgs e) { - // Codes that need to be executed once the input value is Changed. + // Code executed when the input value changes. + // Example: Update the interface to show the new input value. + Console.WriteLine("New Value: " + e.NewValue); } {% endhighlight %} \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md index 5ea97caa..28fd559e 100644 --- a/maui-toolkit/Otp-Input/Getting-Started.md +++ b/maui-toolkit/Otp-Input/Getting-Started.md @@ -104,7 +104,7 @@ Before proceeding, ensure the following are set up: 1. Press Ctrl + ` (backtick) to open the integrated terminal in Visual Studio Code. 2. Ensure you're in the project root directory where your .csproj file is located. 3. Run the command `dotnet add package Syncfusion.Maui.Toolkit` to install the Syncfusion® .NET MAUI Toolkit NuGet package. -4. To ensure all dependencies are installed, run `dotnet restore`. +4. To ensure all dependencies are installed, run `dotnet restore.` ## Step 3: Register the handler diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md index c0dfb0d1..d8705e1a 100644 --- a/maui-toolkit/Otp-Input/Input-Types.md +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -7,7 +7,7 @@ control: OtpInput documentation: ug --- -# Input Types in MAUI OTP Input component +# Input Types in .NET MAUI OTP Input ## Types diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index cf0bdcf3..e3283317 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -94,7 +94,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Setting input length -You can specify the length of OTP by using the `Length` property. The default value is `4`. +You can specify the number of input fields to match the desired OTP code length by using the `Length` property. The default value is `4`. {% tabs %} {% highlight xaml %} @@ -114,7 +114,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Disable inputs -You can disable the OtpInput component by using the `IsEnabled` property. By default the value is `true`. +You can disable the OtpInput component by using the `IsEnabled` property. By default, this property's value is set to `True.` {% tabs %} {% highlight xaml %} @@ -132,9 +132,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## Input Background +## Input background -You can specify the color of OtpInput using `InputBackground` property. +You can set the `InputBackground` property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when `StylingMode` is set to `Filled.` {% tabs %} {% highlight xaml %} @@ -153,11 +153,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -N> The `InputBackground` property applies only when `StylingMode` is set to `Filled.` - ## Stroke -You can specify the color of border in OtpInput using `Stroke` property. +You can set the `Stroke` property to any color to customize the border appearance of the input fields. {% tabs %} {% highlight xaml %} @@ -175,9 +173,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## TextColor +## Text color -You can specify the color of text in OtpInput using `TextColor` property. +You can set the `TextColor` property to any color to customize the text appearance of the input fields. {% tabs %} {% highlight xaml %} @@ -195,9 +193,9 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -## MaskCharacter +## Mask character -You can specify the character used to mask the text in OtpInput using `MaskCharacter` property. +You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. {% tabs %} {% highlight xaml %} @@ -218,13 +216,13 @@ SfOtpInput otpInput = new SfOtpInput() N> The `MaskCharacter` property applies only when `Type` is set to `Password.` -## InputState +## Input state The `InputState` property in the OtpInput allows you to visually represent the validation status of the input fields. ### Success -The `Stroke` of OtpInput turns green when `InputState` is set to `Success.` + The `InputState` can be set to `Success` to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OtpInput turns green. {% tabs %} {% highlight xaml %} @@ -244,7 +242,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Warning -The `Stroke` of OtpInput turns yellow when `InputState` is set to `Warning.` +The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OtpInput turns yellow when `InputState` is set to `Warning.` {% tabs %} {% highlight xaml %} @@ -264,7 +262,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Error -The `Stroke` of OtpInput turns red when `InputState` is set to `Error.` +The `InputState` can be set to `Error` to indicate that the input is invalid or requires correction. The stroke of OtpInput turns red when `InputState` is set to `Error.` {% tabs %} {% highlight xaml %} diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md index 4b82b684..8bf95bc3 100644 --- a/maui-toolkit/Otp-Input/Overview.md +++ b/maui-toolkit/Otp-Input/Overview.md @@ -13,8 +13,10 @@ An `OtpInput` is a user interface component commonly used in applications that r ## Key Features -* `Length` - The length property lets you easily customize the number of OtpInput fields. +* `Length` - Customize the number of input fields to match the desired OTP code length. * `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined. -* `Type` - Supports different input types : Number, Password, and Text. \ No newline at end of file +* `Type` - Supports different input types : Number, Text, and Password. + +* `Separator` – Specifies the character or symbol used to separate each input field. \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md index db9947e2..abf588dc 100644 --- a/maui-toolkit/Otp-Input/Styling-Modes.md +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -7,13 +7,14 @@ control: OtpInput documentation: ug --- -# Styling Modes in OtpInput component +# Styling Modes in OtpInput + +Styling modes specify the visual style variants for input fields in the OtpInput component, allowing you to customize appearances according to your application's design needs. -Styling modes specify the style variants for the input fields in the OtpInput component. These modes allows you to customize the appearance of the OtpInput fields. ## Outline mode -You can use the outline style by setting the `StylingMode` property to `Outlined`. The default styling mode is `Outlined`. +You can customize the appearance of input fields with a border around them by setting the `StylingMode` property to `Outlined.` This is the default styling mode for the OtpInput component. {% tabs %} {% highlight xaml %} @@ -33,7 +34,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Filled mode -You can use the filled style by setting the `StylingMode` property to `Filled`. +You can customize the appearance of input fields by filling them with color by setting the `StylingMode` property to `Filled.` {% tabs %} {% highlight xaml %} @@ -53,7 +54,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Underline mode -You can use the underline style by setting the `StylingMode` property to `Underlined`. +You can customize the appearance of input fields with an underline by setting the `StylingMode` property to `Underlined.` {% tabs %} {% highlight xaml %} From 4594cbb02ccdbcf272fd44c0ebdececfeebea740 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Thu, 23 Jan 2025 18:18:40 +0530 Subject: [PATCH 22/66] Included Otp-Input/Accessibility.md --- maui-toolkit-toc.html | 1 + maui-toolkit/Otp-Input/OtpInput-Customization.md | 6 ++---- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 02a7aa2e..39fc08f3 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -298,6 +298,7 @@
  • Styling Modes
  • Customization
  • Events
    • +
  • Accessibility
  • diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index e3283317..42026189 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -195,7 +195,7 @@ SfOtpInput otpInput = new SfOtpInput() ## Mask character -You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. +You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. The `MaskCharacter` property applies only when `Type` is set to `Password.` {% tabs %} {% highlight xaml %} @@ -214,15 +214,13 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} -N> The `MaskCharacter` property applies only when `Type` is set to `Password.` - ## Input state The `InputState` property in the OtpInput allows you to visually represent the validation status of the input fields. ### Success - The `InputState` can be set to `Success` to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OtpInput turns green. +The `InputState` can be set to `Success` to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OtpInput turns green. {% tabs %} {% highlight xaml %} From fc6c96c31fd219be459dbc4b7a52d9176ffe01f9 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Thu, 23 Jan 2025 18:25:17 +0530 Subject: [PATCH 23/66] Included Otp-Input/Accessibility.md --- maui-toolkit/Otp-Input/Accessibility.md | 60 +++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 maui-toolkit/Otp-Input/Accessibility.md diff --git a/maui-toolkit/Otp-Input/Accessibility.md b/maui-toolkit/Otp-Input/Accessibility.md new file mode 100644 index 00000000..127b2dbf --- /dev/null +++ b/maui-toolkit/Otp-Input/Accessibility.md @@ -0,0 +1,60 @@ +--- +layout: post +title: Accessibility in .NET MAUI OtpInput Control | Syncfusion +description: Learn here all about the accessibility features of Syncfusion .NET MAUI OtpInput (SfOtpInput) control. +platform: maui +control: SfOtpInput +documentation: ug +--- + +# Accessibility in .NET Maui SfOtpInput + +The OtpInput Control is designed to work effectively with the OtpInput elements, providing voice descriptions of their OtpInput items. + +## Keyboard Interaction +The following keyboard shortcuts are supported by the OTP Input component. + + + + + + + + + + + + + + + + + + + + + + +
    +Key + +Description +
    +LeftArrow + +Focuses the previous input in the OTP. +
    +RightArrow + +Focuses the next input in OTP +
    +Tab + +Moves the initial focus and shifts focus to the next input of the OTP. +
    +Shift + Tab + +Moves the focus to the previous input of the OTP. +
    + +N> Tab and Shift + Tab functionality works only on Windows and MacCatalyst. \ No newline at end of file From 2939436f6978dd25e69f38833946f75a44ff9dc3 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Fri, 24 Jan 2025 13:19:09 +0530 Subject: [PATCH 24/66] Included images --- maui-toolkit/Otp-Input/OtpInput-Customization.md | 8 +++++--- maui-toolkit/Otp-Input/images/error.png | Bin 0 -> 2002 bytes maui-toolkit/Otp-Input/images/filled.png | Bin 0 -> 1403 bytes .../Otp-Input/images/inputBackground.png | Bin 0 -> 1334 bytes maui-toolkit/Otp-Input/images/isenabled.png | Bin 0 -> 1696 bytes maui-toolkit/Otp-Input/images/length.png | Bin 0 -> 2570 bytes maui-toolkit/Otp-Input/images/maskCharacter.png | Bin 0 -> 2289 bytes maui-toolkit/Otp-Input/images/number.png | Bin 0 -> 2842 bytes maui-toolkit/Otp-Input/images/outlined.png | Bin 0 -> 2011 bytes maui-toolkit/Otp-Input/images/password.png | Bin 0 -> 2311 bytes maui-toolkit/Otp-Input/images/placeholder.png | Bin 0 -> 2824 bytes .../Otp-Input/images/placeholderColor.png | Bin 0 -> 2535 bytes .../Otp-Input/images/placeholderLength.png | Bin 0 -> 3280 bytes maui-toolkit/Otp-Input/images/separator.png | Bin 0 -> 2603 bytes maui-toolkit/Otp-Input/images/stroke.png | Bin 0 -> 1432 bytes maui-toolkit/Otp-Input/images/success.png | Bin 0 -> 2060 bytes maui-toolkit/Otp-Input/images/text.png | Bin 0 -> 3130 bytes maui-toolkit/Otp-Input/images/textColor.png | Bin 0 -> 3016 bytes maui-toolkit/Otp-Input/images/underlined.png | Bin 0 -> 1353 bytes maui-toolkit/Otp-Input/images/value.png | Bin 0 -> 3130 bytes maui-toolkit/Otp-Input/images/warning.png | Bin 0 -> 2049 bytes 21 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 maui-toolkit/Otp-Input/images/error.png create mode 100644 maui-toolkit/Otp-Input/images/filled.png create mode 100644 maui-toolkit/Otp-Input/images/inputBackground.png create mode 100644 maui-toolkit/Otp-Input/images/isenabled.png create mode 100644 maui-toolkit/Otp-Input/images/length.png create mode 100644 maui-toolkit/Otp-Input/images/maskCharacter.png create mode 100644 maui-toolkit/Otp-Input/images/number.png create mode 100644 maui-toolkit/Otp-Input/images/outlined.png create mode 100644 maui-toolkit/Otp-Input/images/password.png create mode 100644 maui-toolkit/Otp-Input/images/placeholder.png create mode 100644 maui-toolkit/Otp-Input/images/placeholderColor.png create mode 100644 maui-toolkit/Otp-Input/images/placeholderLength.png create mode 100644 maui-toolkit/Otp-Input/images/separator.png create mode 100644 maui-toolkit/Otp-Input/images/stroke.png create mode 100644 maui-toolkit/Otp-Input/images/success.png create mode 100644 maui-toolkit/Otp-Input/images/text.png create mode 100644 maui-toolkit/Otp-Input/images/textColor.png create mode 100644 maui-toolkit/Otp-Input/images/underlined.png create mode 100644 maui-toolkit/Otp-Input/images/value.png create mode 100644 maui-toolkit/Otp-Input/images/warning.png diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index 42026189..e02d6b68 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -180,14 +180,16 @@ You can set the `TextColor` property to any color to customize the text appearan {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} SfOtpInput otpInput = new SfOtpInput() { - TextColor = Colors.Orange + TextColor = Colors.Orange, + Value = "1234", + Type = OtpInputType.Number }; {% endhighlight %} @@ -240,7 +242,7 @@ SfOtpInput otpInput = new SfOtpInput() ### Warning -The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OtpInput turns yellow when `InputState` is set to `Warning.` +The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OtpInput turns orange-brown when `InputState` is set to `Warning.` {% tabs %} {% highlight xaml %} diff --git a/maui-toolkit/Otp-Input/images/error.png b/maui-toolkit/Otp-Input/images/error.png new file mode 100644 index 0000000000000000000000000000000000000000..d1da96d10bbbdd68043cb9088b817fc03f8bcb8c GIT binary patch literal 2002 zcmeHIdsNbQ6#uzdKAMm8lv^(wF|8=ewJg&>%Tlt$RZ`|Vi(d+fVkjpS2iBNNGx1F4 zDIXoTIYl62=<$KLJY|SVTfWj1bD;@C5(9b4es*@+fBS3uuRp$zd%yR5?)lz(KlkQ` zhXp&>ud@dLzyTc+bP@opM9^JjyAs;V1-s^;!z%q`@F9THzhM>e!V^R3y*EndV;?2-6OuJA6e0CesQLliLS7vutbP;C8G0NiS` zGa9gcFaCQp=qXKX=}O1?p)wjrv2QZoSrlWK5@d?`p>E=`GSrUSXSmv|+9b_O5s6@? zkxb9?WOEGn*~JMYZZHJ{@?BdE1KhDJlgnh4`PjWZ55jZFz0wwi&9Pb^m^=k5ITCf*Ob%-ypu7lWAci5BjucQ=<7} ztjNaw#nAydq>cq$qU_O3)py1!R9rvO810+==8|PN$!IWWNHYEzaWJ<%dMK>It0GvJ}CK{hXNA5mh9Te3@M6-k#ba<$cUc z2C>TCZyWcwk*f{n?pk7pckbdjq2F2TvXLen8?ylGt*?mW??F6*Ge5j6Y`ZNT>hcq( zfQ5eeO+5{x|o^T%Pn;W_t)T&+uG#-gY?d;^{hI(R+!=k} z2)TqXy*=I*D=n=>USPKx9e?oIJAP@^tBa(N;OZ$?{X#aEf#!c+bjoxFU^5%Gp z3pzf!d7kk!ftwHCeE@9wd=1R5K=G3Tp6O+iwD*mrD+SVXI7StpdDuyyr70bydxh5p z9?VXiN$%+SDYLVJ_X_R5hY|A$BjkgU7wbYFO|P~&Uev`e2!hjQQwu-a;);$Z;WQ;b zU`h%CAl2%SqcCRYFK-ypGgTf5MG!nXFZUZ@?Pf?x$fe(jvxhO44Mp?oIR!`lQ~qh| zo(*Az4=Z3yz!=?p|97IdPqFog3df`7HRi(sYna_V44Gjld&MzoOMlCM8Nl+yl=c-C zE={Oecs4%v8k9R$hD{Qdr_3d@rEN2nRHsB&5$z@$72eURPSZn`M3t!Pmy`C+IvHyj ztsF!x#opwiMpOv|nD3MMbSd&Iw_PhYWt1x$(!jpM%c)P!yoJ+M&7YBj?=Av-mU9i~jzfz$7tT*O*T3YoeYW#ZhSPKnfc?x+FP zMZ!2CN_e7XnMf7g?udOzOT%-ENl(%~o9TH`6KoWQMIF2rA-y~7R?Ry@ItWg z<~RoQOWfdGK(BmJxD$`^kD#i{R>?RjcZH>AB#0EKL0_F6-c^c`W+zfDkDnQP_X~~$K zGToC*53M1MG6B0tAMAAV@O5Z+q;h4!sQI@4`=R(;#%9p z`gaK{|K8Ayi~g&0*S%S^Xt(E?Q(qn(t(<%zXVUYV&i`iK{-f|a?Xc6aug4e|&TN|@ z$Jj9Qh%kfFN0tT;8%6~oe};}xE)_##QQ=<0xi>Fe-OYdad4GJ{(<0MY%RGKLoi=xS zdzpEEzMU>ftAQS|KU$%mbTWhr*B_<7H98sep|6$bnMM6vFNkg z``6yE|9I!pbAR*8FTd2@{1}%Daay~|yyz%h|NpY@>)+W~-D(9o_iD|yM-z?|dq4k@ zAGZ76YPbk-X{mAX z&*!PC{xWt~$(695@8={o=b literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/inputBackground.png b/maui-toolkit/Otp-Input/images/inputBackground.png new file mode 100644 index 0000000000000000000000000000000000000000..44598d2e6abdee88420b80c1c35d714c104b39d1 GIT binary patch literal 1334 zcmeAS@N?(olHy`uVBq!ia0y~yVEh7PKjdHol6Je?#efuJage(c!@6@aFM%AEbVpxD z28NCO+M1MG8>OX-^l&kczmsH|)DZ!Wr5h8b7*qLMh^h zV9?6Bb($nCm9jouibdI=kEOznhb>$DkGK)5EPMPuD&VO@yzWM&f-$v=h zc9IMS;&z+;XJz;{V*#^6!zjiZ1_z$i7|p-gDxQD*$LEY5{rKZIzOPT(Ecy7@L5cFb z{=)C=KOc&2x>~d?>Rgx$$FFrYR+5jW-(NQU#PpwzXAXWfl)EGS_}ari3EW@T>ct)4 zf8SqNQCzoyHCi`aJ1J)8`$I3c8`jm{tDPA0qsr>o=INKy=hS`8N#>1?&H3`>d!}*p zU+rk!^3dpw<}9`1_x>0j`}pPcf_G0oORT?t_J7Q!sBKpBwpE$dUdz3awR3CkQ@Jux zpt^rm_VQs5UOcYZu_QG2YocAuq_xvFi#j&#Ah$ZT{7;(>J>m9N8Nfh8b=+`!mJvv;EJP$LBx4Y-LmT zDZ}n>IVkdg{#63`HT)fefWnJWOrtQ^@cq~iKHEK)rbsvldaLy9iS-d-P)OSOo11}!L!W_#a}<*u2D-66CC6KM+7BB^^`1I;az)Sa$M0Uf zz4H3&sb^{Xzx@7dB*C+5^?&)@S?S?#-*nAZ+2i>9`SaBB@4lA53QTO{??=qPXReZ_+e_p*|by?ZfbL(cXACeBr{}H~vPWSQt<4<3H_dh*Z z{l4y*vw`W>HZ}3z?!B9OZ*N@X$4Aq(&!zz_Sv5D-P(LirujF{l;_K`G>l}WZ`19p+ z`P0{~g+<22&AI-%blSlOvp;>fczDzQcMJY}{#jgUVmWVW?AFad`;PAUP#Ee^J3mA| z_iFsjueN6vt=fE5^7We1XOTBTt#@aYi$N}tyXb%~8&90P~YP{sEe;?{>Bdt6w)?Z+#4=%t6B5q`*f(T_ z3v%r5=~d@{Kb2wfYMtIZtLV8K&mjj}WToXr+2UR~n;+Z$eEpbwv%WlFT6mb+ez*O4 zr%!i(+`ZiH)~);Y8vFl$bANgF_0;F*>vvqr0VT9sH$^`uy-ZqU{cP6N*~v&rbpKa* zhb#RSuYNCC_3zZZo0VZ<;o-}lhbKZ48-L4pHed#Lsl0IVq#5fyrUQbOr_il|7@F9$^rCYJauQ)_>LP|9yeA3WKMspUXO@geCwW%Q9vF literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/length.png b/maui-toolkit/Otp-Input/images/length.png new file mode 100644 index 0000000000000000000000000000000000000000..347bda00181ef0452720a20275a82972dbd59610 GIT binary patch literal 2570 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 LefAXYI&t}LRxnTB literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/number.png b/maui-toolkit/Otp-Input/images/number.png new file mode 100644 index 0000000000000000000000000000000000000000..121dccafca210200ee48243ffda17b0cae810fc8 GIT binary patch literal 2842 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 literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/password.png b/maui-toolkit/Otp-Input/images/password.png new file mode 100644 index 0000000000000000000000000000000000000000..eb586f0ea8a6b30b2dc2a98133534215de0cd2c0 GIT binary patch literal 2311 zcmeAS@N?(olHy`uVBq!ia0y~yVEhQgx*Tjk5s7n=nm~%NILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1K(i~W;~w1B87p0V~(ebV@O5Z+uQrI=Y}#I`xrdkp^a~? z;F`4@zA|h6F?a3K$aO9G@LZ|mTGSOs*Ev@l=elHH)CkHJT)m)g(Kc7XJFM)vttzYs zUnS(U@HP4vKK~Tv8t7l7y~qFEbLNNlzNcC7KdHMsd%N_sa1jQDbF6oj83f#pFe*&x zV0O?DWN!#i;$v9oBE#U+X~EDURLH=g`iMcmYgEC|3WqCgPetz*SG~HO?>FV<%$-Ko z)vI*oM81eSyCw7UG9%NidwpWK7a{vD7XY%T@ZCUBszr2oA=VWHC-1G6*!lFMf z(wkp|89$B*xRpB5bxqa$BmvSm;0509BUG8W0yWLK>)7mVJz zIn+8@aG~3rf0iFEtvehA`@B?2GiX3d-_ZF8;v{k7f2=`laW4?ZZ| z3N?dE@cqJHhePrgMC#Yq|2F^H^L5SFb@#V!0J>u9W>HO-J?(X|KTQAe-MG3UJ@$3| z?Ts)A8s&vxyPr=ke>yOa{q(lA(|Pxmz1_32=EJ}CyX8NPAz`yIOv&!iyy|a1H@!dD zerjX#@!jEGmW7W}Dj#*Kv&a8A2=O$J^AY!mziiw(roO|~CcPKZ#1@ZOK z4K6h;dw-oO`Tl0UtX0X5KSuw(%T0G7NnY)L^Y8S{&FQC4PQG6nzW6lMRBv#O@86I+ zJ@56rzq@s#_1?|v)q^<9P)ATcvHVV5G|YKlJm z_~`D=-v9dMPUCsjpR;bRn!EPa%`Oq8d(Po;TNl5%Q=44*`@=*d^XgUArQno)XXop- zgNQVIW5b?B)qedty1G;Mezy;LRzFYw`@M4ioj<4DO|7Zf^E+?buaB{R-|pX6=@VlT z$hXfl_SmswyWX#x2ebxgmxsb5+pzmC_bT3=E&6lgIW!X=&bM1>e&Ndg{h?put$xeh zDvrBn1I-rqJ1ZLU_ge<0r9V6M=FQ4Y8$L15SaXjtI)A}RU^cP0+Xu>~zzk9gss~Q> k=8jedBeYUn5>&^0RLCNTEkSh$u<^p+>FVdQ&MBb@0EiWZumAu6 literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/placeholder.png b/maui-toolkit/Otp-Input/images/placeholder.png new file mode 100644 index 0000000000000000000000000000000000000000..ef34a5c971020bbc82ffcff9313229e7f4d501fa GIT binary patch literal 2824 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 literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/separator.png b/maui-toolkit/Otp-Input/images/separator.png new file mode 100644 index 0000000000000000000000000000000000000000..e338c8c359572b29b9a96443f1c8c26b8343a53c GIT binary patch literal 2603 zcmeH}YgiIW8ppBcoU)W`t6k0OId-8_A(dH%_l~6=Ln>1@P+V^zp{YTVirAAEvWt|O zW-4gfQCIO&q9%xGWhrVVaTAr4LWz)7MDo70?e3R7U-t7kAO7>sJ2U^8d1mJMJ(GFL z#{;;*bOQhY0D5`4p8){$nsoIZ{k6KXn;JpV1wGsuk7Iz^esj4l`3~&{a{~YxC84eu?$jeZaefJ)!#RH@&?Mbi4Dy0Gv4j&P?MU z6GcC55z{*^Q@OUT*TE44s=QxCboR2fMQ?ts{%kwpfa@2D*rL4e0B%L6C2L&uJJ-7I z{yi%B30RZ-!+qc61g%EH)0SxMc11CRhjY5-vML%Hk};P;ACC?dW@L~DGk}W0jN1xs zx^d8{7$sXSm(MQYAZOLk(FX!lGn>lg*tGA^Xte?)Go}{Hu&7wd?$;W3dW#X@u+kb{ z`W~Y2{Q2{Pb4i49kkx9m=8Ezub}&})lF!+Na9}RiSyoO3PTyoir`9e7-_^A!h(D2=xxu&YBs##$frD7ey zIrqdHOPJOr7A}Z4XuoWyM2=wyNi>{H488irA%MhRyOKr|wSUHQbZ%aKp~bCB1(^;IH!M`yRz_imkxBaIGTI(36F zl%QlhNXdW=psLM{4@Z$fM%pDF#md7HD-RBP9ncby`g1BT8b80^pKnR{iGN{&k#b&1 z3&F#-O;pYFZ3m=TNBx#u1+2v>rp9Tvhwy5xgVc~|+0)Pp&_6Exs;jl#yghbsKmW=d&No6xWntByy;O^t^K@i^$YX+KYae2GI3e6v&~y*`dOkn`KVb!1OYb| z50zRtKR5~wvr+#Y)3-AU7(e;m9np&Sf}(Fr)_vNl+hCxK_fwN>bJJQ5Xgnxu^qj2m z7R8~CeefUwL2Il-0^R}>F%r;zsfOrvXb;FUQxF62dNB;bg@T@w+-=9pF zG{hk?5;65}NL!U4Ik2NdYI}vyOtFvknGy^7qek!XP8~hAq<; z;Xa)Gb-nlM^)}u3KlF>R9tbpgl$qJRaGIDtBQEP6U{#iHT=e*y1N}!^b$;v@9+^{NJXRKyjCbrwpSw zqef2fEyI#}chX~&cUHcTgT@G*2}F2vSHUaf0|p|4F%%f`JbvuBaXGe@33X~wmmaeG z5`?rwT1xE%D8JiJ8|mW10p#o^3A1c;GZ(H(DuJ?c{_DNTmYk6oP1w@f?3Y&v@CtIu zyeHyuxEEBl1ovzH(+2{E;_RiEOV=THlwR|jX914ODdM>X3#!g{1xgZfQ? zGh-vG8rzayao@_zFjvCuqnQ|QtVi7O<&%WJR!8hBXAB7h0g|NPB;#SylsiQ{BPIGo z%O+2nZnN-0#taW@7_9^8Mo96Lv9`Q{pS2fq9o2qqckt;vID109b;Q0LXU*kuo@X<{NU_`#YF{u1g*O@NF6W!y|c;7%VzyCeToIVJc8yx$6hYIa8d|J z>>v}mS5>~2Adn7U0XB9Ckcf)zgE;{M1MG6B0tFEVuV@O5Z+uMeI(UB5u5AO#HY1V42 zP%>jMoxO3l$4R{xom2E8y+v-#&}m?uVCK?fWNx?Xx>V+pi!#z~r=I_|aqU^Z`t!+i z+&6UEdYKyR@5Eo$W%zTEg}Z^HiPeGSAd^B<0;7QA28IrW2nH7c9R?*1F$Te*DGl`D z%WSiC>sMcUy=wOCRl9e;Oj_~y@v6<6SAG7xs=NE;BjZh>_R(LhTh@wofBbfJ_5bqK zI|bLAe4KoBcX_D1ecyL~|Ks9mo4zIO-z&R6PH*+S{p+o)q~6=NuKjg$)qTahuYZ5< z2>l(uEw{8Z^y{OeUlev{ADp$jy*<&wGSh!$;*LEsZNGoNY-GN0?$Ws{=dPW*aqgGM zwpZz^>)Q8R?U#Q%Q*5?8|GebYmbYzeBlM1opQ^HrwQzWw^R{R8)sjSiu*%{auU=o@ zzx~(O>|H1P%s!vJJzf9tz!7u;_A{&3jeoU8eH(Oc(lv8xwbTYKhTaMRnf zcb}b|{qfs`-19qZKd;NVdOqy$vu&Zj9o&99aPAgfbGCcw-krZcJuP|Iu+@0m=6Ao7 zHiCj-_U*9s@!_?<&0-VOH}i-67V-b3KC$fLxn1wwTXVr??7I4G@%t~I+Yb-Lgpv5| zpq1UaUAt$$JL6!TZT;B}94u<8ZezWG)w{5SUpMQCXF*`jcJvaScJ1C0huYFyvwwkibq2I z*{Ko4696#pp)JGYDYuURz^sbMu#nv+59&4e0?ezW@)z9__rpK9$9t!xp5=x{pbAl+ zA#ZGnsX}^x;fzKw5(%fzg+=BSRh_R5yG$s`cN+8Fh}>3KuuNXjcy71gm*1z>WYOR1 zQ-`rDh~Av625EO|dyujj$LA+&%bGxurX)zIS~?e~Ev%#20jmiFn7ey9;NY+WK%u+< z1i}e`!_fc?hNRQ!aKfkQ|9dPCIGRVpGY;(4Ka?E{95fvgBhn+aIo1+gt7unSxBYfp zu}@q-v*wm(9y8E{X=o6oykzJaC2m8^p{4w4TrVfn^J~}76_yTr=XN$FRGGgHzOL3+ zsya#o`}$Zo%LpY4{Oi&BtZ0i`VvfxiFvxV3c5dk)9(?4>io+Z8bk7-~8vT;^J;tkR z*@>YPt~H2OPc8|t_qW+=%ST?J`xS6~aq7HM?RUc`dkNWwwqo_F>t*96j+A$mcZ($+NiuTy3u`2Sv6H0~O7xSHS>i7XE>2U-I4*9#GxN+EhaHECx)NMV7vjiX z*rRIoUNC5(3k-@qbZ$mMc!1aT&L5tf)_bzM0p zgurMXSrl{CR5xEo76yXj6;#2f z%z)}AT*3sa4v49D8v=4j+<)$M{4qxnB_wg5N%WxE5%O0q~4a~c(zuT5<9OOI0<~>=wr8F?ftRdVb=b6G+{$A$+2VEDU&&i<=+<_K*n#V zKVg^-2Wc6HMTE-x^0DU{dsDdS(g)}d&WG5(hj#fCls_{6|MjP{OJt=0Mqk`l*_NI^ P04POniVmyUcx72%pKg4)_>jeOh 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 H{Mx?(-F#NU literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/textColor.png b/maui-toolkit/Otp-Input/images/textColor.png new file mode 100644 index 0000000000000000000000000000000000000000..aa154af519932cba007afd9b8cdf20d15439fc14 GIT binary patch literal 3016 zcmeH}SyU3*8ppA+GSs5da?0X#Dsv#ClEOJGCp0xtQnW;))Ko%omaL^=PRk-`GEFm6 z9HN}Sfd(8&amK0WYKo?i=7cz1?5ukq?!$e&>pq-^|JwW8>$mq_>)U(%zc1l}-Fby= zs@nhnfP$4J!Vv(FX_spA*3HtDGvX3?=^#UJJZ}ytZdD(b2AgnZNHYL{o(f#PA}fvM zf-KPl06_86x?~yxUwZ=pK#Uc_>|&UQ@Czo%-ACp9bm)Lr=ffj6w9;;G(*lC`CuHl7 z$!X+ zzwB16m@p)?mbzI#ea96MYhzg6FeolPappK-m0+y$*k23qzO;pw2Y7!X;RxX1-}>L> zAlbIOiz{Q@>HM*=(Q-vTo=R@b78tND)K~cH4i67Bi!fCajFsz69e?`x`&+2MXOeD; z!UbIfTq@l+K(C=-*GE?c_6);AL+pOifQPM{+|iDH6UeW315vajACwU$iJ(gF9iiSoJUlv*I*kLixry z5IWtr*rmR}$}o>3C}8yM(;hWNP^#TXK?C1^Jan;33GBPXRWYRd(~~Mzr{*KZFNOBzPvay;523c-UhG&Zwqem z|0*ZPG(*G|gB&Cok6FPv1QcYoW8RamF`fI?x8wz7RqHF0c;w#%pb_K$T9ruBAD8h+|f^ zsPDikW#$_1qxJ3-_V8_gaJd1HDGdSF0U~h92B+J3!n#)`e!irq)R1Li)|2 zxZLWcJGs?m42q!Exf#mqAvMO*?{Pce$idIF`NZe)zg zz%Vg#hgp3^2H!+r6@|!S<@n)yP&ms{^AMOLK7sX6R)Ji_Zeyw@W!Zq;L zoV*^$*Q@PK-Lsw$lvB#25w6=l!p%Rnz9uv^9I+-zcKjM*uB91(RPhD(L%g)Ly_!EK z>y=~%A*wQqUfGzSk&(Unth)ivYW2GVa?;YyMvNOdlJpJ3B)k*Shagu(vgiMq}@?sk}TmE@(#J#FBb)u#bnl*aSI|O;KB?IHhqzeMOgCE^kwVTi^ zDw-8e*es6RmguvX-JXNf`G0s+DGAy@4x4TKV~sWbqDuz%Ko^ap+a2(jnMR zT608yc+9sC$97360m`2a?+^`CSH^jfp$>P^n+Pqdj>S)4FrlGm=MxWCK0NegnU87% zWmxfoyb{Rg4O>qCAG7NZtW&%t8A`=YL>E*l|6&BXa50L(-bGi_H!e(;S)3_EP(J9- z*>>Pq#3@NbXoUO{IuE~Sz5I;~r4IMEwN@^Vmi~Zw`nNPF$QsW-ka&JOCahr$ot~8L zqX&kryv!vChtu{str7Rug{0siqrE~6`ec&LGs`Z9S}Nv&LU2kVvD{MS6u3Wi==i1v zPeq;z_0V=+BI-c0Zi`qQsqr*S7;7 zWF(E%;i!QcHc8=@@v)(+3r1E5nf+2pZt1pvJt#Fq@A3O@{diN$kTNec_AxZcnNVNA zxS~$0vr*=ijLCw}Y{X)ZD#R&7SzHq-+i^94Z`qNX0nTMh*ABz1E&B!9>LUXCdy{la*PAPQ`CHt4?YX z`NCDP-Otujf-hX}mrm2S0`4Pr|E>Si95`Apn!IqgxO23(iXrX30ag}vh+^~0xBm&4 CQzP5} literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/underlined.png b/maui-toolkit/Otp-Input/images/underlined.png new file mode 100644 index 0000000000000000000000000000000000000000..cdeae6b7833716193a10c4ff33eff67aea15082b GIT binary patch literal 1353 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 H{Mx?(-F#NU literal 0 HcmV?d00001 diff --git a/maui-toolkit/Otp-Input/images/warning.png b/maui-toolkit/Otp-Input/images/warning.png new file mode 100644 index 0000000000000000000000000000000000000000..4f079e2a1ef0a6394ab053080e7096561a2e0f29 GIT binary patch literal 2049 zcmeHI>rc~X6#jv$NST5&NEGaX~VJpDZZprO!A z6A3ZYritG8n*gxw)p{6pC(teffJw0r+A}1TAQyJ#Jz3tdcr=!$HG^*Ujm_I47iMDm{XMF1_SO1KtLaYhFD2f2_0WS$@XLN*)jO6!4vb1P z2m3uNc2mo>J+8?9c0$Q)X_QL&@%UmZ@hWvR?#vGm;I9T&iWxBXkY?<0|Nr>cJMc#C zj#)9%)!hQGjcGyZckyi({U11>T%nvCnq5bidh~`w({f|&rLAb}oV9#_pEN?sdGjl# z;)ppc4YYAr#oj*A&0texjOs{6O%5A1J9xJnM_i;@x_krPOww|Cl`C9b1B0tq&8XbW zQK8%ND=g@9f(28FEHC`5s?eQWshL};;Z2Y}+BOqkGT0YBFyaejwHb+;l)3=UlS{5l zHf4nIrv?Ay^FZ;SJ&MrYqP&tOUX_V*tq6yR3NELO$RcsmSn28sYtd6;__rosr&hJD zif3JJ1ygWDKO|ieJ?(f*Xje#AyldP?J5$t(v<=J;(1H1O<){(ZE-Jf;-DMuoHUujz zz$ZtA3QH|XiOcggVPU8X?ke0Z9Ga>^nfmnmG+g+CMEq9 zlvtU-|FqM^=~XB3>lDs5c z=BQtsFXFyTbdjEq(w1fZGkiM^*s>iLA<0i4EVMiTcD&maCwv?`qM9p@jl|tY0C(>r z>XS6sjL;&Q@td0KKVEW3n=$r_k##Mnn1^Q3jQzR=Tm}LQDGqLIsu5=K_ktbD7SV0+ zX>Dyv9YwBl-Jgr7PcOSV&Zk@-*Inpz%4%&|dGLDYPM?rFqM15GLnhkt`}jt}i~YPM zkB~c_(dpequ(Tzktm7n-v-a%9JI{qZ=hXYb4!FOL^rRn$KZ=E9`vghu(2QRVwnOGB z${Vj$Lcc8TKZieI=tOCtEWCBa1iA>a0~hg7vo%5u2LX$HpEnN2uCJi*iUE4lTZTM( z<-^Z3V@7>-^jI5~^DM9u3hb?f*7M3F(dp`+irjOhHsi^YQ%bo(*tJvinA#ZXy$uTF zOngCnpL8N;Ot9n=GW-7R)4<|7`wVRRWa}7g7n9w^9%hU2j}0vHh0HQOi!S0?TXn@` zfNrNM46MRjZ!C6dCASmKHl237IGxlhxU#`HCpuI%&vh7uIUg6;!!H}gulwhu>P-m` zGv9vRE_}7h&Dk|MF1Y|xfjWj?JhCCA_~srdkE_GF>jW{P8Wf5EQ@oQ>+ejstD?XpjmxGMpKwGIbP{F#9G*KsfbTU z$h_doNIHJ9jI(FmAZ+B}on9eE@ZazGes(E*ZfX5z@vuBS;7B&HdEU!~8@_G8$14EM IJQb1oHzsI*?f?J) literal 0 HcmV?d00001 From bad827801509c1ad3d1add52f5cdf614cb45e376 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Fri, 24 Jan 2025 14:54:41 +0530 Subject: [PATCH 25/66] Included images --- maui-toolkit/Otp-Input/Input-Types.md | 10 ++++++- .../Otp-Input/OtpInput-Customization.md | 28 +++++++++++++++++- maui-toolkit/Otp-Input/Overview.md | 2 ++ maui-toolkit/Otp-Input/Styling-Modes.md | 8 ++++- maui-toolkit/Otp-Input/images/overview.png | Bin 0 -> 14308 bytes 5 files changed, 45 insertions(+), 3 deletions(-) create mode 100644 maui-toolkit/Otp-Input/images/overview.png diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md index d8705e1a..7cc66ad7 100644 --- a/maui-toolkit/Otp-Input/Input-Types.md +++ b/maui-toolkit/Otp-Input/Input-Types.md @@ -34,6 +34,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Number Image for OtpInput](images/number.png) + ### Text type You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTPs. @@ -55,6 +57,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Text Image for OtpInput](images/text.png) + ### Password type You can set the `Type` property to `Password` to use this input type as password in the OtpInput. @@ -76,6 +80,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Password Image for OtpInput](images/password.png) + ## Value You can specify the value of OtpInput by using the `Value` property. @@ -95,4 +101,6 @@ SfOtpInput otpInput = new SfOtpInput() }; {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +![Value Image for OtpInput](images/value.png) \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index e02d6b68..7e5d6d5b 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -33,6 +33,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Placeholder Image for OtpInput](images/placeholder.png) + For placeholders with multiple characters, available input fields will sequentially display each character. {% tabs %} @@ -51,6 +53,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Placeholder Image for OtpInput](images/placeholderLength.png) + ### PlaceholderColor The color of placeholder text can be changed using the `PlaceholderColor` property. @@ -72,6 +76,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![PlaceholderColor Image for OtpInput](images/placeholderColor.png) + ## Separator The `Separator` property defines a character or symbol used to separate each input field, visually distinguishing inputs. @@ -92,6 +98,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Separator Image for OtpInput](images/separator.png) + ## Setting input length You can specify the number of input fields to match the desired OTP code length by using the `Length` property. The default value is `4`. @@ -112,6 +120,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![InputLength Image for OtpInput](images/length.png) + ## Disable inputs You can disable the OtpInput component by using the `IsEnabled` property. By default, this property's value is set to `True.` @@ -132,6 +142,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Disabled Image for OtpInput](images/isenabled.png) + ## Input background You can set the `InputBackground` property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when `StylingMode` is set to `Filled.` @@ -153,6 +165,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![InputBackground Image for OtpInput](images/inputBackground.png) + ## Stroke You can set the `Stroke` property to any color to customize the border appearance of the input fields. @@ -173,6 +187,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Stroke Image for OtpInput](images/stroke.png) + ## Text color You can set the `TextColor` property to any color to customize the text appearance of the input fields. @@ -195,6 +211,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![TextColor Image for OtpInput](images/textColor.png) + ## Mask character You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. The `MaskCharacter` property applies only when `Type` is set to `Password.` @@ -216,6 +234,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![MaskCharacter Image for OtpInput](images/maskCharacter.png) + ## Input state The `InputState` property in the OtpInput allows you to visually represent the validation status of the input fields. @@ -240,6 +260,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Success state Image for OtpInput](images/success.png) + ### Warning The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OtpInput turns orange-brown when `InputState` is set to `Warning.` @@ -260,6 +282,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Warning state Image for OtpInput](images/warning.png) + ### Error The `InputState` can be set to `Error` to indicate that the input is invalid or requires correction. The stroke of OtpInput turns red when `InputState` is set to `Error.` @@ -278,4 +302,6 @@ SfOtpInput otpInput = new SfOtpInput() }; {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +![Error state Image for OtpInput](images/error.png) \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md index 8bf95bc3..569fc5c5 100644 --- a/maui-toolkit/Otp-Input/Overview.md +++ b/maui-toolkit/Otp-Input/Overview.md @@ -11,6 +11,8 @@ documentation: ug An `OtpInput` is a user interface component commonly used in applications that require one-time password (OTP) verification for authentication. This simplify and streamline the process of entering OTP codes received via SMS, email, or other communication channels. +![.NET MAUI OtpInput.](images/overview.png) + ## Key Features * `Length` - Customize the number of input fields to match the desired OTP code length. diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md index abf588dc..5546e969 100644 --- a/maui-toolkit/Otp-Input/Styling-Modes.md +++ b/maui-toolkit/Otp-Input/Styling-Modes.md @@ -32,6 +32,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Outlined Image for OtpInput](images/outlined.png) + ## Filled mode You can customize the appearance of input fields by filling them with color by setting the `StylingMode` property to `Filled.` @@ -52,6 +54,8 @@ SfOtpInput otpInput = new SfOtpInput() {% endhighlight %} {% endtabs %} +![Filled Image for OtpInput](images/filled.png) + ## Underline mode You can customize the appearance of input fields with an underline by setting the `StylingMode` property to `Underlined.` @@ -70,4 +74,6 @@ SfOtpInput otpInput = new SfOtpInput() }; {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +![Underlined Image for OtpInput](images/underlined.png) \ No newline at end of file diff --git a/maui-toolkit/Otp-Input/images/overview.png b/maui-toolkit/Otp-Input/images/overview.png new file mode 100644 index 0000000000000000000000000000000000000000..cd454b3c492b8578efe31a5588206a9115dcd311 GIT binary patch literal 14308 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 literal 0 HcmV?d00001 From f87ac886723fa48fc29d2d2240ec461929671747 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Fri, 24 Jan 2025 14:59:32 +0530 Subject: [PATCH 26/66] Addressed the feedback --- maui-toolkit/Otp-Input/Accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/maui-toolkit/Otp-Input/Accessibility.md b/maui-toolkit/Otp-Input/Accessibility.md index 127b2dbf..96cbfa6b 100644 --- a/maui-toolkit/Otp-Input/Accessibility.md +++ b/maui-toolkit/Otp-Input/Accessibility.md @@ -36,7 +36,7 @@ Focuses the previous input in the OTP. RightArrow -Focuses the next input in OTP +Focuses the next input in OTP. From 579e5cf39c008ff28673a852ec47ea3f9400c8e7 Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Fri, 24 Jan 2025 15:23:49 +0530 Subject: [PATCH 27/66] Updated the text color content --- maui-toolkit/Otp-Input/OtpInput-Customization.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md index 7e5d6d5b..096bcbe8 100644 --- a/maui-toolkit/Otp-Input/OtpInput-Customization.md +++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md @@ -196,16 +196,14 @@ You can set the `TextColor` property to any color to customize the text appearan {% tabs %} {% highlight xaml %} - + {% endhighlight %} {% highlight C# %} SfOtpInput otpInput = new SfOtpInput() { - TextColor = Colors.Orange, - Value = "1234", - Type = OtpInputType.Number + TextColor = Colors.Orange }; {% endhighlight %} From 1e18621cabc414567ffb40057f3abb45058042aa Mon Sep 17 00:00:00 2001 From: ShyamSundar-SF4699 Date: Fri, 24 Jan 2025 16:23:03 +0530 Subject: [PATCH 28/66] Updated images with value --- maui-toolkit/Otp-Input/images/error.png | Bin 2002 -> 3039 bytes maui-toolkit/Otp-Input/images/filled.png | Bin 1403 -> 2218 bytes .../Otp-Input/images/inputBackground.png | Bin 1334 -> 2525 bytes maui-toolkit/Otp-Input/images/isenabled.png | Bin 1696 -> 2576 bytes maui-toolkit/Otp-Input/images/length.png | Bin 2570 -> 4273 bytes maui-toolkit/Otp-Input/images/outlined.png | Bin 2011 -> 2801 bytes maui-toolkit/Otp-Input/images/separator.png | Bin 2603 -> 3966 bytes maui-toolkit/Otp-Input/images/stroke.png | Bin 1432 -> 2725 bytes maui-toolkit/Otp-Input/images/success.png | Bin 2060 -> 3337 bytes maui-toolkit/Otp-Input/images/textColor.png | Bin 3016 -> 2910 bytes maui-toolkit/Otp-Input/images/underlined.png | Bin 1353 -> 2057 bytes 11 files changed, 0 insertions(+), 0 deletions(-) diff --git a/maui-toolkit/Otp-Input/images/error.png b/maui-toolkit/Otp-Input/images/error.png index d1da96d10bbbdd68043cb9088b817fc03f8bcb8c..b3b1e9422ab223f6e70b3422a95f4a57535d321a 100644 GIT binary patch literal 3039 zcmeHJX;c#07RKkz28#yMEHx`Fn$&XUDmG}(%$ugBhL|%_p%N+Lgj}<(mKjY~GpAeD zv&12sQGrqtXR^czg~F6V1woM%(2K9N?s`Ap`}O|ZA7|L-?EUR?&RXaD_N{Yn&KuV4 zSO)+AHn^O2@&o|XWUBeZ8Vyz7mflsS8q}gaolgSFd-T7ljGquE&Yl1ONCZtq@G6zP z_UdV9Gyni>S!rqv)XOjcKr_b0>BRZCfay_uY5uIi8?k75FS5u_%ks?SE*5cw#|diz#=C`pdw1&9 zkDK#=fcA7dfU(iv3;)A=#7Lz?k$Ob#zsx`vFG>x9jML>no-#Y&Fj0r*=Ws#d2dxV^ zMX7~k=3Bn{WeQw9726gJmlY9S4FCZDjStGIe ztT$~NtG_LpOqbcjZI`Uzg`bjdl6h=3JIL&L?9)$`yMZtDPnk;NXW-!nN5tY~3{b(A>1< z(kB+giLTpSbljskT5fq3TK7m}zjbYGJTk{SdIjKqPCenlcV``tFl-?S?VsR0+6hj|JLr?=p;BIn8Vv-9ajIq%^ht1!(|yuo?RYgnWCO#$MrZm;gqj`o&_f zzOF$==+(c5(SPilU^2y$RjJ|%^-D+`g(8LgacU%G-trFqo<^lAJQD1+)7pJy<6U4wL;(TJwO_W?awJxvF$>JwZDL2V_2cSg&rt zu#$xFw*zBL)1)qEMpAmlcEmr>k^yHqcCL`YW-X>zrf5l0NgmIpL8Lo zQq(7~RzC9TRHW@J$ERjJ_O{O+j`zWl_zq_hMRiPh`)}m8S5+`u%o;!iao6G{?ZqmP ztscjg6*;WDeL`!JK6Zoz?@0FQc(4~=ksSLm(`JC?g7gvl508}c`gQ(!U`o7CE^Nem zAG`h;By4||aoXv?d^v9wRw`gg-F3g-0_mLh5PbvJ+t0kg!F!+aI~`~7FcVZ`WR%nn zJBq>9)SWrN&zEH${F>T*Fr3`NEOD?5oTi`4RI(e6>K5^wKEyqjP0qG{C6 z@3P(PrmMY(=SK0%sE)Ouoq-ifr!JGI&t!f9F)Lq~ZUn5jP9;N6&9!uz(fm!YF)-yS zTlUxAeV05b3%866j(E}`WOZ6n(89a?V`fbIS;oPsL=gq6)UwuoIvmP`2%HORnP1vj z=0LkDIC`$gWKKl#&8A24>jM+J^UQ;rZ!1^%fZz(i7RXb&ZU7gs(Up2;!?R^%lxyBWAC9@F~+LMuN4_Ypj44jJ-F|1PoreS@&+FcM?wed=r{M5buydVG|UBoYjHPlZD6SfbO^LQode zcV<8f_rl~e@d}bN5!rA#YNAWCWLyI8B*HhdxYmQwB9y< zE5?`knb+I)9+}W~w$r$cBqIVb7|ims3@X%QsHq=2%uYcVr`yfx#f8f-1InNlDLc0j zvk3i!&VfyCd0SsgvC0l5K&XrQ;JeB6Z8iQ!Cnbx^LDBkI2;*CJbFkUZPZl|?$hy^y z8x*5%TL&&PxChe-W_x&LWcu0|v2Bm<)pT;s8pVDk3%c_AwXzQ_B#Em0qAy>IrpQ4l z1juaM&JB5I?PICU{EU}{aUa&Q_##*C5|*O#8{xkZWaEJWHjG>3m2P)D?W;goF1nvz zuO725FpPWj2ig7lrJ=RYOuEz+!BA;{dF+Shl~Lmziyq0OGE%o=uur#&bn`8V)TQMR z80|H`K)Rz+OXWx6znAoWu<2wVCCiaBgRO)8gA+d(n0)sMD@|FIATO(gF@t}&SF(2( zDvV%@ZzwGDs{i0}e^B?8p_Yw4c*kVkZpTC;C;4WXN2R=%@krU@P}k&uidqP2M@om2 zLf9dC#d#RFn!k=@PGl`#@LXE>Xqb)bv8_rH6P^2z?d8OZKwRN;DRy*NGIi%Ne7aHe zC^fv>)Qd@bJ!P4kr2IIqllF5cVSj)v<1D8*uX^U&2S}{H@?#m|-#0ZlN@Sx<#^wwB z-QpsGhvJ**i^X9eVbS3Le;sZN4!YE)5Qt5^Htr9V4HFx<m2e_Pab1FX> Gbp21qYSkbB literal 2002 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 literal 1403 zcmeAS@N?(olHy`uVBq!ia0y~yU_1|G|Knf-k};Zn(}5IYage(c!@6@aFM%AEbVpxD z28NCO+M1MG6B0tAMAAV@O5Z+q;h4!sQI@4`=R(;#%9p z`gaK{|K8Ayi~g&0*S%S^Xt(E?Q(qn(t(<%zXVUYV&i`iK{-f|a?Xc6aug4e|&TN|@ z$Jj9Qh%kfFN0tT;8%6~oe};}xE)_##QQ=<0xi>Fe-OYdad4GJ{(<0MY%RGKLoi=xS zdzpEEzMU>ftAQS|KU$%mbTWhr*B_<7H98sep|6$bnMM6vFNkg z``6yE|9I!pbAR*8FTd2@{1}%Daay~|yyz%h|NpY@>)+W~-D(9o_iD|yM-z?|dq4k@ zAGZ76YPbk-X{mAX z&*!PC{xWt~$(695@8={o=b diff --git a/maui-toolkit/Otp-Input/images/inputBackground.png b/maui-toolkit/Otp-Input/images/inputBackground.png index 44598d2e6abdee88420b80c1c35d714c104b39d1..cef4db805b0dd898d0bc42c47af24fa3cee52239 100644 GIT binary patch literal 2525 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 diff --git a/maui-toolkit/Otp-Input/images/length.png b/maui-toolkit/Otp-Input/images/length.png index 347bda00181ef0452720a20275a82972dbd59610..35a3094c206b0a1389c1a7585ce963430500f3bb 100644 GIT binary patch literal 4273 zcmeI0c~nx{8o;qpbGE=KwY2hg8Kh7y4mJQ{+wMupWQ+f4=hFZ{1y)w%yHzrm zxpmeZ1pp{~{&7jsLSJ120F>+<&z!y-?K8^>O4k~V*}hQGpyqyb@3u$mtL)pVue}aQ ziCv01_wN1FpO$U#4D`u7IVG+A@+liP8^?35Hk$euLq7EE`{SJRhpjm-IPeY^yh_P! z$AxTs>c_KEn%mPK>_5yI=cxC1&#z{A=ksG3LUBp4Aon;$XY5<9K;%Cl$TQ=XO926Z zna0+dt$^F6G7_IklI;Ni7aKhQ;9#LL;PzvtG~m>^fGvPM`@x$4f2e3k0nYyO*#Bif z%my?rLi~4F@kgfc7&;r@u+baHP08SQP2Lz7;Nk1*lkoLPs_=VS2?2FvR43kw97xg( zH20&Xx7VWwC@lPbnj89&w?QPvhP$h;CL$=}>#3eEvstY%ZEM~l@Kwl z^)(WYxY@_B6a+JKd>C5`&Y2wfj}MusiULa(_NZSQ6uM$br6YNFIan9 zi54&xM2`jak{p=~*K71_GA_e6Eu?#f+n9CZ2FApV@V)K^J5<`(VCVfvP0;(+?7l)Cy{EK*K(N=wYT~NAwcfm7Z(Z_$huEpVPUVzp^sP zDiUKzCl#zl6!DDsIUb9>PUa(&>La<%tadImngYG_cDs(~lGyl!3OQ(sI^h$$h?^4e zj16hP`Rd7_jVoGjCh9(GH=rBu^jRsyg(CO}?0U(%NeE>&(^u?vvKwLQo=nwNLbxn$ z1xhWJLgLFTzcX#|g1Y&MC7&%{*5)w0 zQ&DTPQC%c8=eU8VhQh1l-$wDVvKd=tL5~?;Co`>Au`R_hoH&rJXr2G*u51g>r|Ubs zd!7C)g%4jmxk@ncMth5&F^@}JUTGQREJR)rEn;`#NZO_^y>S$vb7&7N%qBS zEBe+jYt&%F8qpWq1Hwu_7+U&jQVtRr88gtm^kaiAtAv+`&{cxxx-e%{>=|0;jj^N2 zWOy5=9MqjTL#sqKM^#PVEH3_)iFZ?cw%pEGZ+>GbUVJEkt9sq?iCLd0#y)*Il(5dz zZwUk4$r(Bt%)VUTsAotWH-dJmd3rhSUX?bzdmzPE(2rtFeeZy{zvoxJa@g(a+gpjz z=tAU056iHC{JXa;lvAK88kGK}d4)&~xOc>LGD8&Kg0im);h-crQu$!4HOrN4@zx&= z_l}7W+BB?A8B802hh?pZ>rJcz>GWbP#7s|c)!?N~Bge-@G3J;-A-`*Y-T zmv(u|nED?ADKrDIJO-p{U`O6gxVr6b#Jn(1@OZo~r0vx0kRTo*NxzmUW8vo|F8ZW)COETjK5fwli)cQ{}Pr|1XITQxy7`0Cw*b|3p!FKXXDpN>y=)k z*qwcPnJb^G9PE*g_r2U_UZ`T}7%(FhW*7GE?RN{$;P0!q>~r&u@j%?JGq$P<&A~1q z^+L_jnAWHn{*dU`%<*;{%?(jICd-FSlvR6Q@%obadav!;p>1}~b9DlQ)5b0_EVrpy zYtQf*V`CLjET?8E>fY|9HQZgOk_M$mlG9Fs=Z zZD)!aQy7?_z|B!s4rnmsgW7O}VNK#<;Ofh2m!odB9UU>aNM5l*X>QzaHws;osm7|1 z`>IHD4il|tFI}^~YVvG+JQo#t1Kn$?bH$~;K=&%P7IVGx5NyZ2=Q@E2!1F|!4yN`U zU0x7{oBR!D3M$U1RZ|jo3CF#!*#Ci?dY}_g(D6g;qY|z%YB3wFNaa5F%QS+w4O<<% zuAQqHPB%yV^3fC&Yv{i8aW)VLzm@|WZyXW!GS(^YKw;^|pOA+3X~&xuljNNdK*B4( zD-dXipQ&7UHnV3lvMBsyk=}hXW^@zp*Aq#)r;ZVn2g%)(6xLL#fiYo@BDhC9^2vB% zH*zQeg2a=dQdPS)F znI&0h5W`RNvpGRo2R)(JBrk?4k>`%`D@nP@M@agjGRQ4<-ay*)I5=2SHo;uXKvHYzFm{?p|g{bi%&#cCYwY5WUma^PR@{t#1? zLszrVtLzL)y~(K|*ZkS{l!CGoEq{%u}*b_SZ{KzG^qKzE*M%d;T0mJ2D9)_u#dYXc=d*j z&c1Lc^Zqwe#{MRCft_l8_XDWi&v^axDzwZa1GHqH^0C6_0{IIb*l~|pofAFvh2^%9 zO?Ja3PiG(k$QR!PaPj4AmK;=KZ0E87j;^v|M#DcJF~Ozy`A0P+kNMqiw-Ew zjXE0v0MN9xIqM7nYlr{<)A>dXl92P>z@P<2bVi*4O8C0t5VH=4v_}F!S)#`B)%6g+ zA;`uZI-ymsny_X6J!Lf99raP!E8T) z>Xnk3s?OY0$LLAFR27jeXxpPa4ASPz>EddogIVaLo1$Z;o7t1TgLOdisA%t`tY!sS z3Dy_SN<0b4t{4kfG#dSkhVAX|KZc16&b>81J~rBL!l1R8mSz1KNkC8Wo`@`8NvB0s zqZ0^33U>vRjgD_~%oJ>U%j|*AGt%zs5HB>xahK}*D^oGz3Brv~Pl=C*IFE~ zJJG%T1U>Yw5j}wl>hbYmVHLgR8A}RTFY~-NnwPOh|55%GRPgwaX>3@4{{-$?@myg^ zaY-AAVP2x4$Im0c}4zk1^d<~|FkMa}(xG(y`y|m2V zK=8z9lfv}n{CsGIUzET^SS~b4tXGAS#YgK3g;6F8D-^{v$y3sW#5IoGt~~5c4GfSk z2(-1;66bFG*)*7e^7|4&N+M#Y5oNu{xmxCi2T?rx7AV{?{2WT9DzyAqR8FrsRoWxf zc~vvp?%g(Qq;gUy5vU-C4!xV=<^>t@lP4!9lf%TTfAlR5q9f*tOAY(r>>99e=6 z8R+GC>aC+C@!_rImJd&>tNT`N-u(L#d{`Qb{N8a^{vl87XF4S-x0rM{-hC~wRf<%; z(NkVN=CzEKFLsV6jfO8Y=7TYB$?$WR#JM$!Rg1Wg(#+2zS4 zy9X~c^u=HPBCk#98MR2W?LXeoc))@C#nG!g{4SCbF@11ljMB~;l0)8}mP=dR9o5%u v8NO9j0(m0F*YfwZ5%`=`{@oHWoL4oR$uC6u7Cua@AE#-_x-%@`+48*^G&

    ac5v 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 diff --git a/maui-toolkit/Otp-Input/images/separator.png b/maui-toolkit/Otp-Input/images/separator.png index e338c8c359572b29b9a96443f1c8c26b8343a53c..098e9eacc2a9adcea6c3c22e85f6e353323124a7 100644 GIT binary patch literal 3966 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 E?}S9$UH||9 literal 1432 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 Y*CC9eMxVutG%>)*-qo(r=J)G=0j;D8D*ylh literal 3016 zcmeH}SyU3*8ppA+GSs5da?0X#Dsv#ClEOJGCp0xtQnW;))Ko%omaL^=PRk-`GEFm6 z9HN}Sfd(8&amK0WYKo?i=7cz1?5ukq?!$e&>pq-^|JwW8>$mq_>)U(%zc1l}-Fby= zs@nhnfP$4J!Vv(FX_spA*3HtDGvX3?=^#UJJZ}ytZdD(b2AgnZNHYL{o(f#PA}fvM zf-KPl06_86x?~yxUwZ=pK#Uc_>|&UQ@Czo%-ACp9bm)Lr=ffj6w9;;G(*lC`CuHl7 z$!X+ zzwB16m@p)?mbzI#ea96MYhzg6FeolPappK-m0+y$*k23qzO;pw2Y7!X;RxX1-}>L> zAlbIOiz{Q@>HM*=(Q-vTo=R@b78tND)K~cH4i67Bi!fCajFsz69e?`x`&+2MXOeD; z!UbIfTq@l+K(C=-*GE?c_6);AL+pOifQPM{+|iDH6UeW315vajACwU$iJ(gF9iiSoJUlv*I*kLixry z5IWtr*rmR}$}o>3C}8yM(;hWNP^#TXK?C1^Jan;33GBPXRWYRd(~~Mzr{*KZFNOBzPvay;523c-UhG&Zwqem z|0*ZPG(*G|gB&Cok6FPv1QcYoW8RamF`fI?x8wz7RqHF0c;w#%pb_K$T9ruBAD8h+|f^ zsPDikW#$_1qxJ3-_V8_gaJd1HDGdSF0U~h92B+J3!n#)`e!irq)R1Li)|2 zxZLWcJGs?m42q!Exf#mqAvMO*?{Pce$idIF`NZe)zg zz%Vg#hgp3^2H!+r6@|!S<@n)yP&ms{^AMOLK7sX6R)Ji_Zeyw@W!Zq;L zoV*^$*Q@PK-Lsw$lvB#25w6=l!p%Rnz9uv^9I+-zcKjM*uB91(RPhD(L%g)Ly_!EK z>y=~%A*wQqUfGzSk&(Unth)ivYW2GVa?;YyMvNOdlJpJ3B)k*Shagu(vgiMq}@?sk}TmE@(#J#FBb)u#bnl*aSI|O;KB?IHhqzeMOgCE^kwVTi^ zDw-8e*es6RmguvX-JXNf`G0s+DGAy@4x4TKV~sWbqDuz%Ko^ap+a2(jnMR zT608yc+9sC$97360m`2a?+^`CSH^jfp$>P^n+Pqdj>S)4FrlGm=MxWCK0NegnU87% zWmxfoyb{Rg4O>qCAG7NZtW&%t8A`=YL>E*l|6&BXa50L(-bGi_H!e(;S)3_EP(J9- z*>>Pq#3@NbXoUO{IuE~Sz5I;~r4IMEwN@^Vmi~Zw`nNPF$QsW-ka&JOCahr$ot~8L zqX&kryv!vChtu{str7Rug{0siqrE~6`ec&LGs`Z9S}Nv&LU2kVvD{MS6u3Wi==i1v zPeq;z_0V=+BI-c0Zi`qQsqr*S7;7 zWF(E%;i!QcHc8=@@v)(+3r1E5nf+2pZt1pvJt#Fq@A3O@{diN$kTNec_AxZcnNVNA zxS~$0vr*=ijLCw}Y{X)ZD#R&7SzHq-+i^94Z`qNX0nTMh*ABz1E&B!9>LUXCdy{la*PAPQ`CHt4?YX z`NCDP-Otujf-hX}mrm2S0`4Pr|E>Si95`Apn!IqgxO23(iXrX30ag}vh+^~0xBm&4 CQzP5} diff --git a/maui-toolkit/Otp-Input/images/underlined.png b/maui-toolkit/Otp-Input/images/underlined.png index cdeae6b7833716193a10c4ff33eff67aea15082b..82f550cd9558b132758412205796477987da2ce8 100644 GIT binary patch literal 2057 zcmeH|`#;kQ7{|Y)j9w0>3(94x*Ks)|r?V)H9QPb7iJT}zST>{Pi-TEtwN_TDqfAql zL~KnYGh|XpHh=kX z0pN!h|Cm-sa^*EpuN}X4#Ex*+%-bmD$z6t7nV#*d^C8c{&|_ks4O5{`kC8v~nL^Po z4_a`}!Mu<6Mey!|fcUPVI?8SAemS)P4rU`(0Xt8Tl+Hkk-g-0uvEl+oztw12osC}g z8_>4qERbseXz7>%+7Kr|$LM>3HbkL4%fSm1Bb-Eon3lNM)(eX(sh`TzL^wV#kM72+ zAmb{FIYJg&Dq5hgSX}O7(z^dj0(01Et|0=wr|3r27pyWax8HE0>rON8`Zix){XouB zDPK)mak!yBZ|n5&-2?vY#6%i0joE2Qk#Yp5J4O|ZWH+w8p`ba59)VfT&YJt+D)=>l zW-;c7s-9+(;uKNIsaRH!54TN16vMICs}BV&zs}FG+S`xqb``Bgw&&6Lb=|Tg7|a2L z?{@RK=P>(I2aeS}Cd~~pLkUmKT{3Elv9z$rMgIoR!@kzh zy*hAiD72Bb{OuC7-Xv-%)?~8WpRB-(Q#Vq#3-R7+NeGlR`xdhzq2r~am&1JROs9(t zr;z@IJ5IsVTzVdzd-LN|ieu)(6s))~&|#8nIyOR1Xj-I&(wm%Z`U&y%AJe<{u!TGE zqLJnBBJ;NRnaB*Wp;;v+tSeavAjxl^#g&7NPJOio(^48=9Vb)dDPl&^CSh`@oUj}=E8tBsW zl|;k-*f_b_v9JTG7IU#fo}t866a|k_i;~%ckt#lFd3(MEoFikaPyzxq%W_aUx54CQ zH0%HfAF|~*#-v_c2msYHNE&@=fDy%)4x_m1E$Yf(M~QFX~O*RhIp ziruSTkim-$7$Q9)IY-WqqOusIuZhHpG_>Se#uaN+i1SIu$HIko%hHJlcpirl!Iz2H zjI|jIBB{Ng%lKN;%m|Z@S-4-fD={QPRp9`(9c@;;QuKI=K+`2xnnlSz>hTLpI*;__ zx@0^HKQGI+xuvrWy{6OymIq$hfS>JKAA_?**A-M$RPgS3lMwHH-<9cE2i9yl|KZEl z$!pb~pT-_p%EKjj<6G!^p%h%pvb@I)@qWxsEg!QSO2U^Ng-phS{0&}3@a#VQByX1rB&(2nEqT57=c_pDM=SS%K_@Je$a!E(wOk#8!$@41VxxkS=QWtS{GV~}?7v5D zjZ|@TRplqR%de|*CR*wkU3Zc|nX!^dp-?1b;nx;odP!|Qp&epo6?CP3^x%$c9}Rt< kLB7-W|Mqo`&4#O>c7U4GyKU~E=6wTx-UzR1kLcXL0R_N9i~s-t literal 1353 zcmeAS@N?(olHy`uVBq!ia0y~yV7w2++8k^^k@?J>;XsP9ILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1K(i~W;~w1A_b`Co~MgrNJZS+>l?F}0tFl{*8bZ(L1`+B z;g5^bs_O-Eu02y*^ZdZ3!`jPto{7j8V^AobQO}^Dw2whRIG&-SQ=j3;5pjm3N8AjC zA6Xk_{9tnMsbN%58BWC}zFIKy6om;o<_V0DaB#M8P z{ Date: Mon, 27 Jan 2025 11:07:19 +0530 Subject: [PATCH 29/66] Updated images --- maui-toolkit/Otp-Input/images/filled.png | Bin 2218 -> 2598 bytes .../Otp-Input/images/inputBackground.png | Bin 2525 -> 2837 bytes maui-toolkit/Otp-Input/images/isenabled.png | Bin 2576 -> 2350 bytes maui-toolkit/Otp-Input/images/outlined.png | Bin 2801 -> 3398 bytes maui-toolkit/Otp-Input/images/placeholder.png | Bin 2824 -> 2261 bytes maui-toolkit/Otp-Input/images/separator.png | Bin 3966 -> 3905 bytes maui-toolkit/Otp-Input/images/stroke.png | Bin 2725 -> 3108 bytes maui-toolkit/Otp-Input/images/textColor.png | Bin 2910 -> 3108 bytes maui-toolkit/Otp-Input/images/underlined.png | Bin 2057 -> 2140 bytes maui-toolkit/Otp-Input/images/warning.png | Bin 2049 -> 3383 bytes 10 files changed, 0 insertions(+), 0 deletions(-) diff --git a/maui-toolkit/Otp-Input/images/filled.png b/maui-toolkit/Otp-Input/images/filled.png index a95fa7d9859f3867b65b7cfe359f47ae32555d39..8c68b5512dfd8f9f276bf9577b6c25545ad03f3a 100644 GIT binary patch literal 2598 zcmeHJYfzKd7X4^ipAR;jYh(LKLP>>*1QlJn~Nq9&e(f~Fq{c~qJv-X^`_w4g$ zoi%&yqVTXlv+et~0{~za925`%07fc904CcEmF9V$Lc?K{77^$NG>=%lH6$Nnd{6iS zKugI#Hse1r)#TMSnu@CL1%e>5xZR8 z--VtGGDZCS)!FOq$(e>Lul@AEfdYKeN1wLr-+N#xvT^qpI|mY9O&$37*jT`=5NPt1 z-C6(kzP4xm^1K}*o_{u1+N|;M`g)SVn80G5Y1yKQ(2I(p zd^=#L-;B}z>s_EP_Y#bAUFLTH@lU|O<7;pr|FaCh#8wLIJpOmXU%VBUK_DbDf`U+*1h?prBFske zTb66KaDdWf{)@|r`0BTM&Nsx-E!+zG9~4sfmG%)b$l-&oF8}1}sxTif`XIJ5UG8{{ z$(HaeDvl7_WjZC7+>xSvCods?lcR2?BQ136OP3*{$5OBOLqKRrkG+}og+g|VSW(lhp< zeC_TZ9Un2US{|A?)KK3ayaXkfpF&V3Q&to=&flcn!PvebX39|OmzkkYLL(f;IBova zI6`m*1cUAQ*Y|-lATJe5R4KHeQOEL`aU!_>p6GUg%%joCTUEVyX?8>$mr01}*~XeI zMR-jQ7t_~vl^=`}U<(AhR9}*FbO`opZA;5)eaNBY<~26OGrA7vtcXs^&f!3j+c%H! z8GSFE#5=-8Cw-D0Zs<<1)7|$ea4Tv{Bn&gw+_wmkL@s#|%-cySDLM)PnyllB?^Q9o zyDQk6&r7UR?WZ}^S>h;#Eq0gN;uY+!INlVV^&ny6*wBgz;fcMy{R=Z#?A%H?IbC7q zobVDkZ;jQL{KEM!v60@_97WaLs*dMQZ@fKPler*bv*wc*BqoHPlc#X~YmC)(9Mzfn zZB9G{VWbY8$>ZD`%L5;*-WY-KJNmdFk1o${ESoK^B*Oi^Yb?|noBN!SlFp<>WsS^V ze42oC<1d5M$7Vo8>HYNaA_upjyn0%VNAKGZXsPkv4?O=_bxyRI4SZ=`I;j zp={GKQx6UL&iKb>y?)AW%`v43l&xpd48UH>Tl_l8}4%*_M9IBdX6UI$-T7gYmQK7+#0%?-Lv5bPnoz zTA}{DUl{^}iA~M7OgC)kZ}JS;ctc0lm4uz+U2Ggp2C{lBH> literal 2218 zcmds3X;9O58vdggv`A=c!R07e7>6l`bQ2>&gn$JCTjdY|AqgRrf*1(`3gHO2o*+kz zlyKuw!xaMMJ{kfFAxb1sVhHF$)`X)FVhZ6XN0J5G&h+EX?Cgi#5AW~&z4N~FydR#K z=XtaJe2{t{8Gi%-fS$LP`xyYxD%t+`?*(nYew>T4?WC1>26+-_;F->C7uwNor`-Uc ziLASY+p}HoyW|y;2ms*zozUXM)kFfoUWB*1+gW0me8M-k{EAWEqL@G#co}i#)6jW0 z#~K}msaIi*d*~PF&-}A*9P`(vc|9ETY^6qIG30*>>@)lp?+#u<9`!dSk1}eSTG`iy z*Hc~fUq5QnW3YjV+D+yrFA3!Yxx6+WGNVd=Hbt79=vl@ku@t=(pC5Or16;2?N! z3(ti1lNnpadRC{)CuJG$i84An9sh7&{ zrpCNf^_h95_`?3%`J;SZ?oPKmI%s%wjgs=N*ItNMDcIg>)bQ`n?JV*s{A119gEx}9 zB*-5N+d=4p+F;}GW=+ta7VLIa{9A;139cf7*)|`4Aoy-n_%fpO^aoa5&2%7nRy*96 zXzS>k*<#Vkn+e>ZGMU|}R{UB+GeH{6y=P-@lQWqXzj7`~HPWn_C5yyvs2A2@-$Y%B zVy*SHFLu2$v4FBAw>70Qm(W|8FmxR5Q5HA$KGuIYhSxPq^*Cs6t!v0^+L~_6Y+xlR zX42*rkDcj6y9z?k;)9m4@w6$VzKH*`0i|TuVnn_JXY6gR`Ie=|@l58;?47*tgvh!dFP8?s7^!#qDN|;M$bnvc zcIxl5U_@|_-5zEQuyMu&}3#NF80eJrtDs-thg9;;%S3bX0Tlu;oaMV zK{&^WdJ7kv*j(dh=Qz$n$mtfQ$c$y`HkhtB9cL7(Sy>wU8d19|QN6C5Z@g4T>@SBW z6I2V4%Gu#YYP?gH#y%f3ck#Sn5E8vw-n>LDTro`bh^+Ejpdl|7Gj)%g^J{$dys~=r zEcd2@7~M8?qjSt0ZhfEi4mw?)7$ri@8BlP8W9tLF3n{Oj=F}awKPb{jy0Ogc!I+i+ zUm6U9{^8B4iXogEpoxyqJ4U{-=+FIlmM_hN`ouF8&PAiBeepKwCnTfOHi*j}Mw9E@ z1VJ7bvkCXmCJtB7>7ti%I_qp4P2_&7GN-RKjx+Hip+*WTtGW~L?P4*JG2hpsGbG4N z>(20`3$5{r(13~bM9zGh4~Bop;%i?vLoDwbsO%CT>^o*VeDe^J_e^$?UG39!>5^|? zvOf%?J;SnFqxSTQQ7%mj1;Q2oC@|%rmE^T&xjGxwD?KLAX?H%Jp$o0>xM4XM-)+14 zMl^YaGj`C}dY7_Aj<6%2SiKYiF%}y*h(lv@bfDLteI<`jz+DW!@X^?2Xe3M58TvuJ z2TrcJB(1=N2^w{D-FF4C|7d-;&7;=ifiX;upnN@Rm=yZ4AEO>3H z?X~7jhcs?M?OEpdwSFv0ye@8KaW^T_*S2v{3eE$B?XT6{zC^SKB?Y2`}{XQ`RXPJ zG;d%{(m1Gt#jN%){H=$lWwN&54`MihAF2m=%07*&Hc^BHGoV!p%WZ8tjsg9jxX^#a eUcJB6?CvD(aX7>Rrnm14z}v&ez2Ri|wSNIsu;vT^ diff --git a/maui-toolkit/Otp-Input/images/inputBackground.png b/maui-toolkit/Otp-Input/images/inputBackground.png index cef4db805b0dd898d0bc42c47af24fa3cee52239..506958f63f640bfa730d91057d94d39c28fc57b5 100644 GIT binary patch literal 2837 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 literal 2801 zcmds3dpr~B8(-;EQk_zcT*8^5LW*WGx3WS)7u3up#AMh(%%xeSPcAte%Y7ut<+O`% zMsA~w#k7^v=91fyOKn)g7}|DL=l93&zu)ig^T+!>@AE#-_x-%@`+48*^G&

    ac5v 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 NoV)iK(y5=5{sG4Goels1 literal 3966 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 N?dE-oc=Gb?e*+q|xNraf literal 2725 zcmeH}={p=4ly|ks8w)U;sYAuzieaUExqAfa>kdn9rQG05QL=-Jb(Q7PiNGPc_ zXsD%aNISM`jin)qnxRodXza00+?jcv`|935;NBPCbI$Mip5Jp`ob!CX=gD0gixVQ! zA^-s3gq5Y49RMKE%U^f>?FfJD(3278PXZx!7B>J@eX?`>LJ)b~`Z@qWNk6vZF2t{e zgDs&U0Dx%Afdo2&N<9Gp5ko7p>kg4{&V=>T%r&_W-2EE7q}}VIxtGppSF#GMfD;^Z z<(uH7dx$~PI@Pjlopv8=O5J9LJXvX2y5iz+d4I8^3#ZNJobS-1hyQ?w&vnXQnoD^T zS^C3`$0;8|W9Y{5YKQhDnWISWAM-tzjaPc$L=$>X1hK)Lq*Dn1xcR`rLV)InK8LPl z{EunS((fKv?D&g?_c5L%Vyu!19`?DBlG)j5S6qB+w7Ch+EIF&8>g7+)cG12g;F<30ObnBh7w3gqf}Y6IJ0!T$m<+Gle7zCj$bJ9YTg~ICSp)Er+U5F&d#Wh zfaI{0u)OD`5}}>WEU5}(M4M~wUWpQ-C1E{5c2e*t?Aur%IYjTNBazaj1<{UmvB{W< zix2MB;LItq$p|DNJ@ddowDigl#|^|C6e-xb4uxg(=Tg)KI36CVt}m{d=(1vf>h)4tX$ zFW-(S-H%I?tYBtup~+KuGp>Y@9UdZmNkK0m$4A#0`y3Yh(VW$*H(8zovTt4f?C0b# z9Xgd`tNx7;5eTJvqR<-?G)VRC*N=(wG?EsCq9Nx`o*EFFQGL#3h4tdy7<5VR!ch=+ z=Bd~=Qzl8QhF}yiTn!pxS65efpogKzYza4Pv;XJSaP%B&(s9T_A)2(6i_C}Fb6`Jp z>5O2jMOZJ}RoiRk5DWt|BZ=Rznd%#m8Z$bNoHyt z9q@my)r`8yV`8B1BJfQi3$c(rpwY%N}^N) zan%sNF@cGJHU_)D-QUBoFC5nz@GoGdBu742wSi%M!5uHDD}BYjhPt{C>s<0kLtbl} z3Ac@%W)!4(tocm=ybA=hJ~HSMv`fL`{IFE~G8(mK+?Q){dJ4peO$iGgcq*%33BOv$G)i`}PHsu<&T+GYW7e|fiDt_Xa$^-f z5EJC0Bj;TKnQ*#S34t~&rasuZ?^Z2eqQSejHiYJ;+>+yt+q#IV43L7_eb_s#kci8ObW(Mzmtv+=&*neY6McCB!vSH7;XG;Ow z7Q7Km%%lmyV1H+YR<;)y8v4diMV9uu^}D$B7R2?#sj9}QF-E3o$}y4$)nf@;+$g~% zDpZxvs9eO|wKizf_m^1+7S$UdY4%bFS7MLisQY^@@!*8r^8Q8wDMZa?Ja<$oCxi~B z8QMx<*r>z%gdxm=EWV{yklz!%LrZ7BwOs-me?rVmiWW7}LAY*xQG|u8(ex>az19_d zg@wBan@1s4dzh6bP!8hDz82LSWdNniRy(IILgUG;L74(212=Cp=%TFD@ zfKnZ0vs1&sysuFLsY-Y&1mczds9jedVJ%MJEL)N-%^v3`0+PI(5J0XE)bPSm;nxsJ z-ge08==rks&}U)8lrcT>zo^@y4WWZah~e8p@zB%z!a4>(AgZ6lz~_-Aju$vLICo^J zv4vn)`S4Z^l5F=~nSrn$0q<3^tApx(o zJM;L-6FXvLVJ2^7jQ(ePyfFk-w{Su)b9r<6mAdm?nq^UvcaCnLy4Qo6%(AjSa#5v^ z&}vZR)jj{XUTKc=mN3`roeQ|NdXk_A+bVh~tV%0UQ34|Fr~IncJ9E-S~Ul E?}S9$UH||9 diff --git a/maui-toolkit/Otp-Input/images/textColor.png b/maui-toolkit/Otp-Input/images/textColor.png index 6006db4a5d42f4f6a2c6431d0acdc66b87baf1ea..3ae53e92052360b41e3fe576eef119e370182587 100644 GIT binary patch literal 3108 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 literal 2910 zcmeHJYdjNrAD`S(B!n#CbUH^KmdY*H%`GIvVNHg^(nPMK9mZHXNx7uvep`9mZ;cWy zR6<$JQZ{2FcWt4$Y+>U}&-3DW@w|9mJ+ID-|K<1l|1O`;@ALnBzu&a;t`2g0fO`M{ zfSi+~od*CQHZQt=-Yq5C-^8p9i4HN8hl35Ek)r-ZWJn;bU915BV%A%oqDZ-QrsApYFaAXQ@!B*FUKQ4u)hb zm~~kqM;3y}3>}uRq+mc>jq9}(l07dE{RYrdz)2Y62rrj76ozM zT|D$ulbd;Bl=txZOi0V&lAKZ6g{K){|5m|r^c0Am*N&RY?6Oknt!@9JUYGWube_8I zFd7ox%;vU>%4aAWI1sA5>ko#*VnZ2Qy}am!SUO&}5$=97HI;)N4dXAeX1IN{+|8xL zYCW?c_x8@bU^P$Qr zie7?fdUYVF6gM*}P^l?p(Jy-FlV_5~<`?VXyf<-m96Yyai zwwn6USAtd5v+JAX6~*7iJX|~5@aUvR_@~CX%gm=|<7S_2NHf5qDrSSQo=wmRL{z4J zzdqQrEBUE5Rd@_4p^!V=pQb#QG+sOYS*sik4X~HwHLfu)v^ixB(3qF8Wb+QQa`S zxe{*xr5S|ICAI)b-!^WBn9aNT`q{5LB9tfgnU~g7zIEB;&eLgL{=Wxii5niJ3WHzT zS0p6F>X5fR`>T?IDk2RPiY7jCR8#ZOAx1*_ogw_&j=ACur*PtoI)Ay82iaabRPmhi zPY)|*fsO4hR#PD7gw1>6AwM`cz{9+(p>i+S+eN8}hl%b>3y3PlPFH%k&f5WjioyBs zz@^odE8vSRrtspW{o1Ma$&+_qJRo&R`>Nkh;_}%0lWkqjWkb5NUo(~zN`^skvqo#@ zdV6N#xwpu5Sm74?pwQI6W?xk#Bq1)2m&-PY`H;mapcX^A9~_}X@i1+{Ytwzz(nH{~ zMh&iHC1pbu zujGMXvto$RpK^Rs@UE7Umk-7_Pj9dj_Rr%WwzpW>M6&U5w>vFk`o2ECRqESo;PIYo?^1OXgKsr-wvAr=+U)!MIljUT zN*4?=+t+4nNn21CX-4l-%$5PPpJr4ch;|j``?AIi7GKkpn^@Sq^8LY5K37e_v9XEu zk6LC>PDnE2Td1HhYHcL-VdJO}5tjM1g5sQkcrw zJlh_>guB9D@29LzZul{6OF-P`Br9C>y~qX`jQzO4KK8S%lq1!wcedV8Ae^5d@{wCi+N?SRd5IK zal3Br<@EnTkOcV!7U?PWjE{^VM6<|<9Mah!C=;KzwcR@5z>zTo96d?}B)(CJ*_2r| z+#v}D5fQm{H9#*^52e2YX|?Uv>UHaTXX#DBheWXV^Uu!xA_B-^kns>Lxdx8Q%TpK(TRbx zqSj{H*H`+Rm7U2#zLlqOR(Q=EuME}->kT67Yx>Xn{R>}HPC@m<;%Y3uzv!N6CLafB zn(>R{kB1qEgaa4}{K{ylVm@NinuQq)Gb5ZvoeS{xhqChW^rcpxug2-1`>=J;zZs^V z*^c6%tA3z);h`JE_|KjG`1`6QaOn72dGutOHf?Fpc$cMkpkx%CU6!-PF;4HYT3GD~ z3dqv#xTK(6{+iga-{+Xgn4ki2G40w8^LU|z7SJdjZ!jn?M}Pcr?YknACTyOu;=J0b zpjWkjzVdxgOpG&wvBRRL&5d2pq)qvDEMhHyKL$d9WfwriAvUgx;(zO&|GVrf@z|1= Y*CC9eMxVutG%>)*-qo(r=J)G=0j;D8D*ylh diff --git a/maui-toolkit/Otp-Input/images/underlined.png b/maui-toolkit/Otp-Input/images/underlined.png index 82f550cd9558b132758412205796477987da2ce8..c3ef7fbfbe8a656d0fdfac59448c38b52615d747 100644 GIT binary patch literal 2140 zcmeHJ|2xwO9RGNP#9H)RC|c!IZsDAKx%rkahf;J%zE2^Jp~Pl3Rto9Z>hZA4*Dgm% zn?q*4Y#ftrLtkWLW8%(MO=HU@ZEH7w!adJD&;8O5?{ClZ{_;HU_xpLh-=(L6{6X7x zZvy}TbUeT}1OT*FH2U;bT@4?)nugE_t;-?)-T-;R{H?~=lI(TL3jo>)2Fi0f8e9Kj zK;&fr*gm{TTBDf{5&=L@a@^M|EI01`+^Mp?Ia;F(|;>_Qm1f^g;aVHNAq#S)|CM+7Uv37$hQZ_ zRWiASaCyUq4$HP>S~R}QnNgz#GiLIf(dOiZ&g>Mks~I_R~JfA!OIvVt}b()PU=zm5IITI zh@?ZSEe)#2=(kPtoQrL7wBG!pCd53YF|sEssWV}ef&>``_hatXa*uGRER&+p!Nzu4 z6_RD++<-b*GE(W4y0kpuEFNexi?(Nzi!>#`wJs74Y(UN>aBdMr2oY!gw0}3!a-5aN z&&f)C7+VNtLkP+i^m!ORDQ2+B2A<9tN@4WreU@|6a^lFr1%l3oR?bW~zI@7#kVWcH z(tesW(ZS+dDjX!@j0NjZvljK314fjW>&aA4&!KRndYziu+7!;vo6RhW3D=yspvlS< zqNt(-?iS{+4RMtdVK+$q6p_)ja@dDVBPg7*^m3T74oP+5=XP3H_#x%XGlF`InB+P} z@Sw1obZu|uu8%3B8O+yRbzt>f+h??-rj_2hnhaRM;#3|lqLiwM$`Op+$x|%6XvEcf zNa?NkomYO|uUQ=YK@%=-K-?Ql33TB66%k?9Pr6M4nxi1ey&t|fr#&}07*2{hBQ&tSUmVGueIZ0I%7bEm&ZCJ9C3@PI(GvFex#b_!r+K4IX(5!WrV(9R0Q-%_~XFesei;jKN3wr zAo(_^onkRe5zpUKlgM%yo&#K#H+c+j+E*DC%Efrbwkb$~P>T zte^=7BQciWzX8qJZqlki>+8KP8v<9XJ)MPky&+#h-DkNI^ZaJodlDvz7jTJM4%)faCWO!|4SqC+M?C>T<`@_@2zqjrls8+wXtkA~UQo>|Shh z$1EvXU_5-=5|=_(&{kdnmAoM)GEeb}H~ysDnavwPKs{2Hdb@`Y`z<`xV5*DsKLc1@ zVRIKt*?>?9x_M0n)3WKrzN0W+YA$7J)mE17Xllr9GINF8amloZG)HU4EHdr6v!z)4 mCXicxLG}Opy8T!!z}@zlyS2EwcTw{Z0LOm_@+Eu67ybkOQ@`B+ literal 2057 zcmeH|`#;kQ7{|Y)j9w0>3(94x*Ks)|r?V)H9QPb7iJT}zST>{Pi-TEtwN_TDqfAql zL~KnYGh|XpHh=kX z0pN!h|Cm-sa^*EpuN}X4#Ex*+%-bmD$z6t7nV#*d^C8c{&|_ks4O5{`kC8v~nL^Po z4_a`}!Mu<6Mey!|fcUPVI?8SAemS)P4rU`(0Xt8Tl+Hkk-g-0uvEl+oztw12osC}g z8_>4qERbseXz7>%+7Kr|$LM>3HbkL4%fSm1Bb-Eon3lNM)(eX(sh`TzL^wV#kM72+ zAmb{FIYJg&Dq5hgSX}O7(z^dj0(01Et|0=wr|3r27pyWax8HE0>rON8`Zix){XouB zDPK)mak!yBZ|n5&-2?vY#6%i0joE2Qk#Yp5J4O|ZWH+w8p`ba59)VfT&YJt+D)=>l zW-;c7s-9+(;uKNIsaRH!54TN16vMICs}BV&zs}FG+S`xqb``Bgw&&6Lb=|Tg7|a2L z?{@RK=P>(I2aeS}Cd~~pLkUmKT{3Elv9z$rMgIoR!@kzh zy*hAiD72Bb{OuC7-Xv-%)?~8WpRB-(Q#Vq#3-R7+NeGlR`xdhzq2r~am&1JROs9(t zr;z@IJ5IsVTzVdzd-LN|ieu)(6s))~&|#8nIyOR1Xj-I&(wm%Z`U&y%AJe<{u!TGE zqLJnBBJ;NRnaB*Wp;;v+tSeavAjxl^#g&7NPJOio(^48=9Vb)dDPl&^CSh`@oUj}=E8tBsW zl|;k-*f_b_v9JTG7IU#fo}t866a|k_i;~%ckt#lFd3(MEoFikaPyzxq%W_aUx54CQ zH0%HfAF|~*#-v_c2msYHNE&@=fDy%)4x_m1E$Yf(M~QFX~O*RhIp ziruSTkim-$7$Q9)IY-WqqOusIuZhHpG_>Se#uaN+i1SIu$HIko%hHJlcpirl!Iz2H zjI|jIBB{Ng%lKN;%m|Z@S-4-fD={QPRp9`(9c@;;QuKI=K+`2xnnlSz>hTLpI*;__ zx@0^HKQGI+xuvrWy{6OymIq$hfS>JKAA_?**A-M$RPgS3lMwHH-<9cE2i9yl|KZEl z$!pb~pT-_p%EKjj<6G!^p%h%pvb@I)@qWxsEg!QSO2U^Ng-phS{0&}3@a#VQByX1rB&(2nEqT57=c_pDM=SS%K_@Je$a!E(wOk#8!$@41VxxkS=QWtS{GV~}?7v5D zjZ|@TRplqR%de|*CR*wkU3Zc|nX!^dp-?1b;nx;odP!|Qp&epo6?CP3^x%$c9}Rt< kLB7-W|Mqo`&4#O>c7U4GyKU~E=6wTx-UzR1kLcXL0R_N9i~s-t diff --git a/maui-toolkit/Otp-Input/images/warning.png b/maui-toolkit/Otp-Input/images/warning.png index 4f079e2a1ef0a6394ab053080e7096561a2e0f29..4ce4d42fbd096f72a34dffad094b0bfa09324c5d 100644 GIT binary patch literal 3383 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 KXkBXQ{@dRp?)7f~ literal 2049 zcmeHI>rc~X6#jv$NST5&NEGaX~VJpDZZprO!A z6A3ZYritG8n*gxw)p{6pC(teffJw0r+A}1TAQyJ#Jz3tdcr=!$HG^*Ujm_I47iMDm{XMF1_SO1KtLaYhFD2f2_0WS$@XLN*)jO6!4vb1P z2m3uNc2mo>J+8?9c0$Q)X_QL&@%UmZ@hWvR?#vGm;I9T&iWxBXkY?<0|Nr>cJMc#C zj#)9%)!hQGjcGyZckyi({U11>T%nvCnq5bidh~`w({f|&rLAb}oV9#_pEN?sdGjl# z;)ppc4YYAr#oj*A&0texjOs{6O%5A1J9xJnM_i;@x_krPOww|Cl`C9b1B0tq&8XbW zQK8%ND=g@9f(28FEHC`5s?eQWshL};;Z2Y}+BOqkGT0YBFyaejwHb+;l)3=UlS{5l zHf4nIrv?Ay^FZ;SJ&MrYqP&tOUX_V*tq6yR3NELO$RcsmSn28sYtd6;__rosr&hJD zif3JJ1ygWDKO|ieJ?(f*Xje#AyldP?J5$t(v<=J;(1H1O<){(ZE-Jf;-DMuoHUujz zz$ZtA3QH|XiOcggVPU8X?ke0Z9Ga>^nfmnmG+g+CMEq9 zlvtU-|FqM^=~XB3>lDs5c z=BQtsFXFyTbdjEq(w1fZGkiM^*s>iLA<0i4EVMiTcD&maCwv?`qM9p@jl|tY0C(>r z>XS6sjL;&Q@td0KKVEW3n=$r_k##Mnn1^Q3jQzR=Tm}LQDGqLIsu5=K_ktbD7SV0+ zX>Dyv9YwBl-Jgr7PcOSV&Zk@-*Inpz%4%&|dGLDYPM?rFqM15GLnhkt`}jt}i~YPM zkB~c_(dpequ(Tzktm7n-v-a%9JI{qZ=hXYb4!FOL^rRn$KZ=E9`vghu(2QRVwnOGB z${Vj$Lcc8TKZieI=tOCtEWCBa1iA>a0~hg7vo%5u2LX$HpEnN2uCJi*iUE4lTZTM( z<-^Z3V@7>-^jI5~^DM9u3hb?f*7M3F(dp`+irjOhHsi^YQ%bo(*tJvinA#ZXy$uTF zOngCnpL8N;Ot9n=GW-7R)4<|7`wVRRWa}7g7n9w^9%hU2j}0vHh0HQOi!S0?TXn@` zfNrNM46MRjZ!C6dCASmKHl237IGxlhxU#`HCpuI%&vh7uIUg6;!!H}gulwhu>P-m` zGv9vRE_}7h&Dk|MF1Y|xfjWj?JhCCA_~srdkE_GF>jW{P8Wf5EQ@oQ>+ejstD?XpjmxGMpKwGIbP{F#9G*KsfbTU z$h_doNIHJ9jI(FmAZ+B}on9eE@ZazGes(E*ZfX5z@vuBS;7B&HdEU!~8@_G8$14EM IJQb1oHzsI*?f?J) From 9a72b8628e913ac59e18dcac404aff92410429c9 Mon Sep 17 00:00:00 2001 From: MuthukumarMadasamy Date: Mon, 3 Feb 2025 10:13:04 +0530 Subject: [PATCH 30/66] Reverting TOC file for Expander, Accordion , Cards, & Popup --- maui-toolkit-toc.html | 44 ------------------------------------------- 1 file changed, 44 deletions(-) diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 16e48c58..80bd78e4 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -16,17 +16,6 @@

  • Migrate from Syncfusion .NET MAUI
    • -
  • - SfAccordion - -
  • SfBottomSheet @@ -75,15 +64,6 @@
  • Accessibility
    • -
  • - SfCards - -
  • SfCarousel
    • -
  • - SfExpander - -
  • SfFunnelChart
    • -
  • - SfPopup - -
  • SfPullToRefresh
    • +
  • + SfPopup + +
    • +
  • SfPullToRefresh