MAUI-946812 - [New Feature]: Add the details of the new features in Volume 1 to the UG.

MAUI/Badge-View/Animation.md

@@ -11,6 +11,8 @@ documentation: ug
 
 # Animation in .NET MAUI Badge View (SfBadgeView)
 
+## Enable animation
+
 You can enable or disable the animation of the badge text using [Scale](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.BadgeAnimation.html#Syncfusion_Maui_Core_BadgeAnimation_Scale) or [None](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.BadgeAnimation.html#Syncfusion_Maui_Core_BadgeAnimation_None) enum values of the BadgeAnimation property. You can see the animation when you change the badge text.
 
 {% tabs %}
@@ -54,4 +56,50 @@ Content = sfBadgeView;
 
 {% endtabs %}
 
-![.NET Maui Badge View Animation](animation_images/net_maui_badge_view_animation.gif)
+![.NET Maui Badge View Animation](animation_images/net_maui_badge_view_animation.gif)
+
+## Animation duration
+
+The `AnimationDuration` property of the [.NET MAUI Badge View](https://www.syncfusion.com/maui-controls/maui-badge-view) can be used to set the animation speed based on given value. Setting smaller duration value accelerates animation speed. Its default value is 250.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+<badge:SfBadgeView HorizontalOptions="Center"  WidthRequest="70" HeightRequest="70" BadgeText="6" 
+                               VerticalOptions="Center">
+        <badge:SfBadgeView.Content>
+            <Image Source="BadgeFacebook.png" HeightRequest="70" WidthRequest="70"  />
+        </badge:SfBadgeView.Content>
+        <badge:SfBadgeView.BadgeSettings>
+            <badge:BadgeSettings Type="Error" AnimationDuration="600" Animation="Scale" Offset="-12,6" Position="TopRight" />
+        </badge:SfBadgeView.BadgeSettings>
+</badge:SfBadgeView>
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfBadgeView sfBadgeView = new SfBadgeView();
+sfBadgeView.HeightRequest = 70;
+sfBadgeView.WidthRequest = 70;
+sfBadgeView.HorizontalOptions = LayoutOptions.Center;
+sfBadgeView.VerticalOptions = LayoutOptions.Center;
+sfBadgeView.BadgeText = "6";
+Image image = new Image();
+image.Source = "BadgeFacebook.png";
+image.HeightRequest = 70;
+image.WidthRequest = 70;
+sfBadgeView.Content = image;
+BadgeSettings badgeSetting = new BadgeSettings();
+badgeSetting.Type = BadgeType.Error;
+badgeSetting.Animation = BadgeAnimation.Scale;
+badgeSetting.AnimationDuration = 600;
+badgeSetting.Offset = new Point(-12, 6);
+badgeSetting.Position = BadgePosition.TopRight;
+sfBadgeView.BadgeSettings = badgeSetting;
+Content = sfBadgeView;
+
+{% endhighlight %}
+
+{% endtabs %}

MAUI/Busy-Indicator/AnimationType.md

@@ -190,3 +190,31 @@ The Globe animation is one of the built-in animations in [.NET MAUI BusyIndicato
 The following gif image illustrates the result of the above code.
 
 ![Global](Images/AnimationType/Globe.gif)
+
+### Horizontal Pulsing Box
+
+The horizontal pulsing box animation is one of the built-in animations in [.NET MAUI BusyIndicator](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfBusyIndicator.html?tabs=tabid-1). Refer to the following code example. Here, we’ll set the [AnimationType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfBusyIndicator.html#Syncfusion_Maui_Core_SfBusyIndicator_AnimationType) as `HorizontalPulsingBox.`
+
+{% tabs %}
+
+{% highlight xaml %}
+
+    <core:SfBusyIndicator AnimationType="HorizontalPulsingBox" IsRunning="True"/>                        
+
+{% endhighlight %}
+
+{% highlight C# %}
+
+    SfBusyIndicator busyIndicator = new SfBusyIndicator()
+    {
+        AnimationType = AnimationType.HorizontalPulsingBox,
+        IsRunning = true
+    };
+
+{% endhighlight %}
+
+{% endtabs %}
+
+The following gif image illustrates the result of the above code.
+
+![Horizontal Pulsing Box](Images/AnimationType/HorizontalPulsingBox.gif)

MAUI/Radial-Menu/Events.md

@@ -364,3 +364,75 @@ namespace RadialSample
 {% endhighlight %}
 
 {% endtabs %}
+
+## Perform an action while Presssing and Releasing the radial menu item
+
+You can perform an action when pressing and releasing the radial menu item of the radial menu. The `TouchDown` event occurs when pressing the radial menu item and the `TouchUp`event occurs When releasing the radial menu item.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:RadialSample"
+             xmlns:syncfusion="clr-namespace:Syncfusion.Maui.RadialMenu;assembly=Syncfusion.Maui.RadialMenu"
+             x:Class="RadialSample.MainPage">    
+    <syncfusion:SfRadialMenu>
+        <syncfusion:SfRadialMenu.Items>
+            <syncfusion:SfRadialMenuItem Text="Bold" FontSize="12" TouchDown="SfRadialMenuItemTouchDown" TouchUP="SfRadialMenuItemTouchUP" />
+            <syncfusion:SfRadialMenuItem Text="Copy" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Undo" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Paste" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Color" FontSize="12"/>
+        </syncfusion:SfRadialMenu.Items>
+    </syncfusion:SfRadialMenu>
+
+</ContentPage>
+
+{% endhighlight %}
+
+{% highlight C# %}
+
+using Syncfusion.Maui.RadialMenu;
+
+namespace RadialSample
+{
+    public partial class MainPage : ContentPage
+    {
+        public MainPage()
+        {
+            InitializeComponent();
+            SfRadialMenu radialMenu = new SfRadialMenu();
+
+            RadialMenuItemsCollection itemCollection = RadialMenuItemsCollection()
+            {
+                new SfRadialMenuItem() { Text = "Bold", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Copy", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Paste", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Undo", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Color", FontSize = 12 },
+            };
+
+            radialMenu.Items = itemCollection;
+            radialMenu.Items[0].TouchDown += SfRadialMenuItemTouchDown;
+            radialMenu.Items[0].TouchUP += SfRadialMenuItemTouchUP;
+            this.Content = radialMenu;
+        }
+
+        private async void SfRadialMenuItemTouchDown(object? sender, RadialMenuItemEventArgs e)
+        {
+            await DisplayAlert("Alert", "The RadialMenuItem is pressed.", "Ok");
+        }
+
+        private async void SfRadialMenuItemTouchUP(object? sender, RadialMenuItemEventArgs e)
+        {
+            await DisplayAlert("Alert", "The RadialMenuItem is released.", "Ok");
+        }
+    }
+}
+
+{% endhighlight %}
+
+{% endtabs %}

MAUI/Radial-Menu/Populating-Items.md

@@ -738,3 +738,65 @@ namespace RadialSample
 
 {% endhighlight %}
 {% endtabs %}
+
+## SelectionColor
+
+The [SfRadialMenu](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RadialMenu.html) allows you to change the selection color for the selected radial menu item by using the `SelectionColor` property.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:RadialSample"
+             xmlns:syncfusion="clr-namespace:Syncfusion.Maui.RadialMenu;assembly=Syncfusion.Maui.RadialMenu"
+             x:Class="RadialSample.MainPage">
+    <syncfusion:SfRadialMenu  SelectionColor="#FF1493">
+        <syncfusion:SfRadialMenu.Items>
+            <syncfusion:SfRadialMenuItem Text="Bold" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Copy" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Undo" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Paste" FontSize="12"/>
+            <syncfusion:SfRadialMenuItem Text="Color" FontSize="12"/>
+        </syncfusion:SfRadialMenu.Items>
+    </syncfusion:SfRadialMenu>
+</ContentPage>
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+using Syncfusion.Maui.RadialMenu;
+
+namespace RadialSample
+{
+    public partial class MainPage : ContentPage
+    {
+        public MainPage()
+        {
+            InitializeComponent();
+
+            SfRadialMenu radialMenu = new SfRadialMenu()
+            {
+                SelectionColor = Color.FromHex("#FF1493")
+            };
+
+            RadialMenuItemsCollection itemCollection = new RadialMenuItemsCollection()
+            {
+                new SfRadialMenuItem() { Text = "Bold", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Copy", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Paste", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Undo", FontSize = 12 },
+                new SfRadialMenuItem() { Text = "Color", FontSize = 12 },
+            };
+
+            radialMenu.Items = itemCollection;
+            this.Content = radialMenu;
+        }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}

MAUI/TabView/Tab-Item-Customization.md

@@ -553,6 +553,8 @@ tabView.ContentTransitionDuration = 300;
 
 {% endtabs %}
 
+![ContentTransitionDuration](images/ContentTransition.gif)
+
 ## Image size
 
 You can customize the image size in the .NET MAUI TabView control by setting the [ImageSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabItem.html#Syncfusion_Maui_TabView_SfTabItem_ImageSize) property.