Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Jul 10, 2025
4 changes: 3 additions & 1 deletion MAUI/AIAssistView/working-with-aiassistview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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`.

Expand Down
6 changes: 6 additions & 0 deletions MAUI/Chat/attachment-button.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions MAUI/Chat/messages.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
4 changes: 3 additions & 1 deletion MAUI/Chat/typing-indicator.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -185,4 +187,4 @@ namespace GettingStarted
}

{% endhighlight %}
{% endtabs %}
{% endtabs %}