Skip to content

UG for the autocompletesuggestions, History, toolbar, working with ai…#4392

Open
Santhosh-SF4792 wants to merge 3 commits into
developmentfrom
Maui_AIAssistView
Open

UG for the autocompletesuggestions, History, toolbar, working with ai…#4392
Santhosh-SF4792 wants to merge 3 commits into
developmentfrom
Maui_AIAssistView

Conversation

@Santhosh-SF4792

Copy link
Copy Markdown
Contributor

This PR contains the UG for the topics:
AutoSuggestionOverlay - Include Grouping feature.
Conversation Filter Button.
support to pin, Rename and delete feature
ScrollToLastRequest and Response
Toolbar menu items
History new chat and temporary chat.

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

Build Status: INPROGRESS 🔃
Build Location: Maui_AIAssistView

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: Maui_AIAssistView
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

Build Status: INPROGRESS 🔃
Build Location: Maui_AIAssistView

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: Maui_AIAssistView
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

Build Status: INPROGRESS 🔃
Build Location: Maui_AIAssistView

@SyncfusionBuild

Copy link
Copy Markdown
Contributor

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: Maui_AIAssistView
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 2


![Auto Complete Suggestions in .NET MAUI AI AssistView](images/maui-aiassistview-auto-complete-suggestion.gif)

### Category

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Title should not have only API name. Make it meaningful.


### Category

In Syncfusion .NET MAUI AI AssistView, the `AssistSuggestion` class exposes a `Category` property that you can use to group autocomplete suggestions by topic. Set `Category` when creating suggestions (for example, "FAQ", "Commands", or "Examples") so the overlay can present related items together.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In Syncfusion .NET MAUI AI AssistView - verify this format, whether or not needed.


In Syncfusion .NET MAUI AI AssistView, the `AssistSuggestion` class exposes a `Category` property that you can use to group autocomplete suggestions by topic. Set `Category` when creating suggestions (for example, "FAQ", "Commands", or "Examples") so the overlay can present related items together.

Example (setting categories in your ViewModel):

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change this heading format.

{% highlight c# tabtitle="ViewModel.cs" %}
AutoCompleteSuggestions = new ObservableCollection<ISuggestion>()
{
new AssistSuggestion() { Text = "What is .NET MAUI?", Category = "FAQ" },

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change the category example as Recommended/History

};
{% endhighlight %}

Using the `Category` property helps organize suggestions and creates a clearer experience by enabling grouped suggestions, category headers, and category-based filtering.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not needed as mentioned at start


### Filter button

After clicking the search button in the conversation history drawer, the conversation search view opens. It includes a filter button that lets users filter conversations by date range.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Only add the topic description. The first line mentions conversation panel view scenario which is not needed here.

- **Rename**: Opens a rename popup containing an editor where you can change the conversation title. The popup has two actions: **Rename** (save) and **Cancel** (exit without saving). When **Rename** is clicked, the conversation item's title is updated with the entered text.
- **Delete**: Opens a delete confirmation popup with two actions: **Delete** and **Cancel**. When **Delete** is clicked the selected conversation item is removed from the conversation history.

### New chat and Incognito mode (in the conversation drawer)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This topic is not needed


## Toolbar menu items

In Syncfusion .NET MAUI AI AssistView, you can provide toolbar menu items using the `ToolbarMenuOptions` collection on `SfAIAssistView`. Each item can be an `ActionButton` (or any suitable view) and bound to a command on your view model. Example:

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove example

</syncfusion:SfAIAssistView>
{% endhighlight %}

The items added to `ToolbarMenuOptions` appear when the toolbar menu icon is clicked and invoke the bound commands when tapped.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Attach image


Assist context menu items are represented by `AssistContextMenuItem` (inherits from `ActionButton`) and expose the familiar `Text`, `Icon`, `Command`, and `CommandParameter` properties. When the menu is opened for a specific assist item, the control sets the `AssistItem` property on each `AssistContextMenuItem` so commands can access the target `IAssistItem`.

- When a menu item is tapped the control executes the `Command` on the `AssistContextMenuItem` (if present). If `CommandParameter` is `null`, the control passes the `AssistContextMenuItem` instance as the parameter (so you can access the `AssistItem` property). Alternatively, set `CommandParameter` to `{Binding AssistItem}` in your item template.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alternatively, set CommandParameter to {Binding AssistItem} in your item template. - not needed

new AssistContextMenuItem
{
Text = "Copy",
Command = new Command<object>(param =>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add code snippets equivalent to Xaml

</syncfusion:SfAIAssistView.ResquestContextMenuItemTemplate>
{% highlight %}

Event: `ContextMenuOpening`

@Lakshminatarajan Lakshminatarajan Jun 15, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Modify title as per standard and add heading tag


Assist context menu items are represented by `AssistContextMenuItem` (inherits from `ActionButton`) and expose the familiar `Text`, `Icon`, `Command`, and `CommandParameter` properties. When the menu is opened for a specific assist item, the control sets the `AssistItem` property on each `AssistContextMenuItem` so commands can access the target `IAssistItem`.

- When a menu item is tapped the control executes the `Command` on the `AssistContextMenuItem` (if present). If `CommandParameter` is `null`, the control passes the `AssistContextMenuItem` instance as the parameter (so you can access the `AssistItem` property). Alternatively, set `CommandParameter` to `{Binding AssistItem}` in your item template.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alternatively, set CommandParameter to {Binding AssistItem} in your item template. - not needed


{% endhighlight %}

### AutoScrollBehavior

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Modify heading as a title not api

{% tabs %}
{% highlight xaml hl_lines="1" %}
<syncfusion:SfAIAssistView AutoScrollBehavior="ScrollToLastRequest"
CanAutoScrollToBottom="True"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not needed

{% highlight xaml hl_lines="1" %}
<syncfusion:SfAIAssistView AutoScrollBehavior="ScrollToLastRequest"
CanAutoScrollToBottom="True"
AssistItems="{Binding AssistItems}" />

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Both Xaml and c# should be similar.

{% endhighlight %}
{% endtabs %}

Using `AutoScrollBehavior` together with `CanAutoScrollToBottom` and handling the `Scrolled` event gives you full control over when and how the AssistView scrolls in response to new content.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Include in topic description part

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants