Merge pull request #3424 from syncfusion-content/966014_hotfix

966014 : [HotFix]Prepare ug content and demo sample for TargetStyle properties - .NET MAUI Chat

Author: AmalRajUmapathySelvam

MAUI/AIAssistView/working-with-aiassistview.md

@@ -401,7 +401,9 @@ public partial class MainPage : ContentPage
 
 ![SendButton Customization in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-SendButtonCustomization.png)
 
-## Show ResponseLoader view
+N> The [InputText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_InputText) is used to gets or sets the text of the editor in the `SfAIAssistView`.
+
+## Show ResponseLoader View
 
 By Default, the response loader view will be enabled, and the default shimmer view will be displayed when the request is added. To disable it, set the [ShowResponseLoader](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ShowResponseLoader) property to `false`.
 

MAUI/Chat/attachment-button.md

@@ -239,4 +239,10 @@ public partial class MainPage : ContentPage
 
 ![Custom attachment button in .NET MAUI Chat](images/attachment-button/maui-chat-custom-attachment-button.png)
 
+## Attach image from gallery in .NET MAUI Chat
 
+You can add the desired image in to the chat by opening the device’s gallery when attachment button is tapped.
+
+![Attach image from gallery in .NET MAUI Chat](images/attachment-button/maui-chat-attach-image-from-gallery.png)
+
+N> [View sample in GitHub](https://github.com/SyncfusionExamples/how-to-attach-image-from-gallery-in-.net-maui-chat)

MAUI/Chat/images/attachment-button/maui-chat-attach-image-from-gallery.png

@@ -1790,3 +1790,19 @@ In the provided code example, we've set up a custom template to display a securi
 ![Sytem generated message in .NET MAUI Chat](images/messages/maui-chat-system-generated-custom-message-template.png)
 
 N> [View sample in GitHub](https://github.com/SyncfusionExamples/system-generated-message-template-.net-maui-chat)
+
+## Assign unique color to each user in a group chat
+
+You can assign unique color to each user in a group chat by writing converter and custom control templates to [OutgoingMessageAuthorView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.OutgoingMessageAuthorView.html) and [IncomingMessageAuthorView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.IncomingMessageAuthorView.html) using `TargetStyle`.
+
+![Unique color to each user in .NET MAUI Chat](images/messages/maui-chat-assign-color-each-user.png)
+
+N> [View sample in GitHub](https://github.com/SyncfusionExamples/how-to-assign-color-each-user-in-.net-maui-chat)
+
+## Show drop down menu on tapping a message in .NET MAUI Chat
+
+You can add drop down icon to the incoming messages in `SfChat` by writing custom control template to [IncomingMessageTextView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.IncomingMessageTextView.html) using `TargetStyle`. Using [SfPopup](https://help.syncfusion.com/maui/popup/overview), you can display the drop down menu by using platform specific customization.
+
+![Drop down menu in .NET MAUI Chat](images/messages/maui-chat-show-drop-down-menu.gif)
+
+N> [View sample in GitHub](https://github.com/SyncfusionExamples/how-to-show-drop-down-menu-in-.net-maui-chat)

MAUI/Chat/images/messages/maui-chat-assign-color-each-user.png

@@ -126,6 +126,8 @@ namespace GettingStarted
 
 ![Typing indicator with image in .NET MAUI Chat](images/typing-indicator/maui-chat-typing-indicator.png)
 
+N> The `SfChat` allows customizing the height of the typing indicator using the [TypingIndicatorViewHeight](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.SfChat.html#Syncfusion_Maui_Chat_SfChat_TypingIndicatorViewHeight) property.
+
 ## Customize avatar view of typing indicator
 
 The avatar view in the typing indicator can be customized to show only starting alphabet of the username or only image of the user as avatar by using [TypingIndicator.AvatarViewType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Chat.ChatTypingIndicator.html#Syncfusion_Maui_Chat_ChatTypingIndicator_AvatarViewType) property.
@@ -185,4 +187,4 @@ namespace GettingStarted
 }
 
 {% endhighlight %}
-{% endtabs %} 
+{% endtabs %}