Skip to content

DOCINFRA-2341_merged_using_automation #1837

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

Open
wants to merge 42 commits into
base: development
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
42 commits
Select commit Hold shift + click to select a range
5b79014
Merge pull request #1781 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild May 19, 2025
e9ad678
Merge pull request #1783 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild May 20, 2025
918c641
Merge pull request #1785 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild May 20, 2025
3da6199
Merge pull request #1788 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild May 26, 2025
8a5769e
Merge pull request #1796 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild May 29, 2025
df01e0d
Merge pull request #1799 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 2, 2025
fc8e99d
Merge pull request #1801 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 4, 2025
aacd089
Removed duplicate entry
DeepakRajSundar Jun 4, 2025
4133126
Removed duplicate entry
DeepakRajSundar Jun 5, 2025
e3d2954
Merge pull request #1802 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 5, 2025
e8bed73
Merge pull request #1805 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 5, 2025
610220c
Merge pull request #1807 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 8, 2025
f96c8f4
Merge pull request #1809 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 9, 2025
5b9caa9
WPF_962531_UG_for_static_gridlines
ArunKumarSF4054 Jun 5, 2025
2bff87a
WPF_962531_gif_file_updated
ArunKumarSF4054 Jun 5, 2025
a37f3c1
WPF-962531_gif_size_reduced
ArunKumarSF4054 Jun 5, 2025
62d3c7c
WPF-962531_UnwantedLinesRemoved
ArunKumarSF4054 Jun 5, 2025
e404fd4
Merge pull request #1804 from syncfusion-content/WPF_962531-Prepared_…
KarkuvelRajan Jun 11, 2025
a30d18f
Merge pull request #1814 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 16, 2025
fb58061
Merge pull request #1817 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 18, 2025
6256d50
Merge pull request #1819 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 18, 2025
06be371
Merge pull request #1828 from Syncfusion-Content/hotfix/hotfix-v29.2.4
SyncfusionBuild Jun 24, 2025
1989a38
Merge pull request #1830 from Syncfusion-Content/development
SyncfusionBuild Jun 24, 2025
d97c362
964819-Change the code snippet in data binding menuadv wpf
Aravindhanperiyasamy19 Jun 26, 2025
5b59830
Insert_page_feedbacks
Yaminisrisf4389 Jun 26, 2025
4a78958
Merge pull request #1831 from syncfusion-content/964819-Change-the-co…
Manivannan-E Jun 26, 2025
7f621cb
Insert_page_feedbacks
Yaminisrisf4389 Jun 26, 2025
7de6177
964318-Prepare UG document content for response toolbar item support …
Aravindhanperiyasamy19 Jun 26, 2025
bbdffc6
Merge pull request #1832 from syncfusion-content/Insert_page_feedbacks
RajaVigneshB Jun 26, 2025
c9ea685
Update wpf-toc.html file
Aravindhanperiyasamy19 Jun 26, 2025
036929f
Merge pull request #1834 from syncfusion-content/964318-Prepare-UG-do…
Manivannan-E Jun 26, 2025
13966e0
WPF-966475-UML_Sequence_Diagram_updated
ArunKumarSF4054 Jun 26, 2025
faaf810
WPF-966475_FileNameChanged
ArunKumarSF4054 Jun 26, 2025
8312f7f
WPF-966475-Additional_changes
ArunKumarSF4054 Jun 27, 2025
b95cdeb
Merge pull request #1835 from syncfusion-content/WPF-966475-To_update…
KarkuvelRajan Jun 27, 2025
69614c6
Updated the UG Changes
JothikaSF4341 Jul 1, 2025
b8f3163
Added the release notes MD file and corresponding node entry in the T…
DeepakRajSundar Jul 1, 2025
bcc9b41
Merge pull request #1842 from syncfusion-content/Runtime-Theme-Switch…
thangapriyavalasubramanian Jul 2, 2025
3a4bc01
Updated the UG Changes
JothikaSF4341 Jul 2, 2025
59c0540
Merge pull request #1845 from syncfusion-content/Update-Skinmanager-U…
thangapriyavalasubramanian Jul 3, 2025
88fe915
Updated the documentation for theme export projects issue
sudharsan-narayanan Jul 4, 2025
b423c34
Merge pull request #1850 from syncfusion-content/sfskinmanager-changes
thangapriyavalasubramanian Jul 4, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions wpf-toc.html

Large diffs are not rendered by default.

116 changes: 116 additions & 0 deletions wpf/AI-AssistView/Response-Toolbar.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
---
layout: post
title: Response Toolbar in WPF AI AssistView control | Syncfusion
description: Learn about the response toolbar feature in the AI AssistView control, which enables users to access quick actions to chat responses through toolbar items.
platform: wpf
control: SfAIAssistView
documentation: ug
---

# Response Toolbar in WPF AI AssistView

The [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control includes a **Response Toolbar** feature, which provides built-in options such as Copy, Regenerate, Like, and Dislike for each chat response. These items provide quick actions to enhance user interactions. In addition to the built-in options, users can personalize the Response Toolbar by adding their own custom toolbar items to suit specific application needs.

## ResponseToolbarItem

The **ResponseToolbarItem** class is used to define and add items in the response toolbar of chat responses for SfAIAssistView. The following properties are available in this class:

- **Index**: Specifies the internal order or position of the toolbar item.
- **IsEnabled**: Specifies whether the toolbar item is enabled (interactive) or disabled (non-interactive).
- **Tooltip**: Sets the tooltip text displayed when the user hovers over the toolbar item.
- **Visible**: Indicates whether the toolbar item is visible.
- **ItemType**: Specifies the type of the toolbar item. This is used to distinguish between built-in and custom items.
- **ItemTemplate**: Allows you to set a custom template for rendering the toolbar item.

{% tabs %}
{% highlight xaml %}

<syncfusion:SfAIAssistView x:Name="aiAssistView" CurrentUser="{Binding CurrentUser}"
Messages="{Binding Chats}" >
</syncfusion:SfAIAssistView>

{% endhighlight %}
{% endtabs %}

![Response toolbar feature in WPF SfAIAssistView control](aiassistview_images/wpf_aiassistview_responsetoolbar.png)

## Response toolbar visibility

The **IsResponseToolbarVisible** property of the [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control determines whether the response toolbar is displayed below each chat items responses. When set to false, the response toolbar is hidden. By default, this property is set to true.

{% tabs %}
{% highlight xaml %}

<syncfusion:SfAIAssistView CurrentUser="{Binding CurrentUser}"
Messages="{Binding Chats}" IsResponseToolbarVisible="False">
</syncfusion:SfAIAssistView>

{% endhighlight %}
{% highlight C# %}

SfAIAssistView aiAssistView = new SfAIAssistView();
aiAssistView.IsResponseToolbarVisible = false;

{% endhighlight %}
{% endtabs %}

![Response toolbar visibility in WPF SfAIAssistView control](aiassistview_images/wpf_aiassistview_isresponsetoolbarvisible.png)

## Customization of Response toolbar item using ItemTemplate

The **ResponseToolbarItem** in [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) can be customized using the ItemTemplate property to define a custom appearance and behavior. This allows you to display icons, buttons, text, or even UI elements such as Path, Image, or TextBlock within the toolbar.

{% tabs %}
{% highlight xaml %}

<syncfusion:SfAIAssistView x:Name="aiAssistView" CurrentUser="{Binding CurrentUser}"
Messages="{Binding Chats}" >
<syncfusion:SfAIAssistView.ResponseToolbarItems>
<syncfusion:ResponseToolbarItem ItemType="Custom" Tooltip="Copy">
<syncfusion:ResponseToolbarItem.ItemTemplate>
<DataTemplate>
<Button ToolTipService.ToolTip="Copy to clipboard"
HorizontalAlignment="Left"
Padding="5,2"
Background="Transparent"
BorderThickness="0">
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
<Path Width="16" Height="16" Fill="Black"Stretch="Uniform"
Data="M3,1 L10,1 C10.55,1 11,1.45 11,2 L11,3 L12,3 C12.55,3 13,3.45 13,4 L13,14 C13,14.55 12.55,15 12,15 L4,15 C3.45,15 3,14.55 3,14 L3,4 C3,3.45 3.45,3 4,3 L5,3 L5,2 C5,1.45 5.45,1 6,1 Z M5,3 L9,3 L9,2 L5,2 Z M4,5 L12,5 L12,14 L4,14 Z"/>
<TextBlock Text="Copy" Margin="6,0,0,0" VerticalAlignment="Center"/>
</StackPanel>
</Button>
</DataTemplate>
</syncfusion:ResponseToolbarItem.ItemTemplate>
</syncfusion:ResponseToolbarItem>
</syncfusion:SfAIAssistView.ResponseToolbarItems>
</syncfusion:SfAIAssistView>

{% endhighlight %}
{% endtabs %}

![Customization of response toolbar item using ItemTemplate feature in WPF SfAIAssistView control](aiassistview_images/wpf_aiassistview_customizedresponsetoolbartemplate.png)

## Item clicked event

The **ResponseToolbarItemClicked** event is triggered whenever a toolbar item in the ResponseToolbarItems collection is clicked by the user. You can handle this event to perform custom actions based on which item was clicked.

{% tabs %}
{% highlight xaml %}

<syncfusion:SfAIAssistView x:Name="sfAIAssistView" CurrentUser="{Binding CurrentUser}"
Messages="{Binding Chats}" ResponseToolbarItemClicked="AiAssistView_ResponseToolbarItemClicked"/>

{% endhighlight %}
{% highlight C# %}

SfAIAssistView sfAIAssistView = new SfAIAssistView();
sfAIAssistView.ResponseToolbarItemClicked += AiAssistView_ResponseToolbarItemClicked;

private void AiAssistView_ResponseToolbarItemClicked(object sender, ResponseToolbarItemClickedEventArgs e)
{
// Call your actions based on the toolbar item clicked.
}

{% endhighlight %}
{% endtabs %}
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.
47 changes: 47 additions & 0 deletions wpf/Diagram/Gridlines.md
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,53 @@ public class Intervals : List<double>

Find the [Gridlines Custom Spacing Sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Gridlines/GridlineCustomSpacing) to customize the Gridlines spacing.

## Static GridLines

The [`DynamicZoom`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Gridlines.html#Syncfusion_UI_Xaml_Diagram_Gridlines_DynamicZoom) property of the [`GridLines`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Gridlines.html) class allows you to control whether the gridlines should zoom in or out during zooming operations. To prevent the gridlines from zooming, set this property to `false`. By default, the **DynamicZoom** property is set to `true`.

{% tabs %}
{% highlight xaml %}

<!--Initialize SfDiagram-->
<syncfusion:SfDiagram x:Name="diagram" >
<!--Initialize Snap Settings-->
<syncfusion:SfDiagram.SnapSettings>
<syncfusion:SnapSettings SnapConstraints="ShowLines">
<!--Initialize Horizontal Gridlines-->
<syncfusion:SnapSettings.HorizontalGridlines>
<syncfusion:Gridlines DynamicZoom="False" />
</syncfusion:SnapSettings.HorizontalGridlines>
<!--Initialize Vertical Gridlines-->
<syncfusion:SnapSettings.VerticalGridlines>
<syncfusion:Gridlines DynamicZoom="False" />
</syncfusion:SnapSettings.VerticalGridlines>
</syncfusion:SnapSettings>
</syncfusion:SfDiagram.SnapSettings>
</syncfusion:SfDiagram>

{% endhighlight %}
{% highlight C# %}

//Initialize SfDiagram
SfDiagram Diagram = new SfDiagram();

Diagram.SnapSettings = new SnapSettings()
{
SnapConstraints = SnapConstraints.ShowLines,
HorizontalGridlines = new Syncfusion.UI.Xaml.Diagram.Gridlines()
{
DynamicZoom = false,
},
VerticalGridlines = new Syncfusion.UI.Xaml.Diagram.Gridlines()
{
DynamicZoom = false,
},
};
{% endhighlight %}
{% endtabs %}

![Snap to Gridlines](Gridlines_images\StaticGridlines.gif)

## See Also

[How to snap the objects on gridlines?](/wpf/diagram/snapping/definesnapping)
Expand Down
Binary file added wpf/Diagram/Gridlines_images/StaticGridlines.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
---
layout: post
title: Sequence Diagram Model in WPF Diagram control | Syncfusion®
description: Learn here all about Sequence Diagram Model support in Syncfusion® WPF Diagram (SfDiagram) control and more.
title: UML Sequence Diagram Model in WPF Diagram control | Syncfusion®
description: Learn here all about UML Sequence Diagram Model support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
---

# Sequence Diagram Model in WPF Diagram (SfDiagram)
# UML Sequence Diagram Model in WPF Diagram (SfDiagram)

A sequence diagram is an interaction diagram that demonstrates how objects interact with each other and the order of these interactions. The `SfDiagram` control provides comprehensive support for creating and visualizing UML sequence diagrams through the [UMLSequenceDiagramModel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceDiagramModel.html) class. You need to assign the `UMLSequenceDiagramModel` to the [Model](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Model) property of the `SfDiagram` control to enable this functionality.
A UML Sequence Diagram is an interaction diagram that demonstrates how objects interact with each other and the order of these interactions. The `SfDiagram` control provides comprehensive support for creating and visualizing UML Sequence Diagrams through the [UMLSequenceDiagramModel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceDiagramModel.html) class. You need to assign the `UMLSequenceDiagramModel` to the [Model](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Model) property of the `SfDiagram` control to enable this functionality.

## Sequence Diagram Elements
## UML Sequence Diagram Elements

A sequence diagram contain several key elements, such as participants, messages, activation boxes, and fragments. Let's discuss how to implement these components using the `SfDiagram` control.
A UML Sequence Diagram contains several key elements, such as participants, messages, activation boxes, and fragments. Let's discuss how to implement these components using the `SfDiagram` control.

### Participants

[UMLSequenceParticipant](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceParticipant.html) in a sequence diagram represent the entities that interact with each other, appearing at the top of the diagram with lifelines extending vertically downward.
[UMLSequenceParticipant](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceParticipant.html) in a UML Sequence Diagram represents the entities that interact with each other, appearing at the top of the diagram with lifelines extending vertically downward.

#### Creating Participants

To create participants in your sequence diagram:
To create participants in your UML Sequence Diagram:

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -93,7 +93,7 @@ Diagram.Model = new UMLSequenceDiagramModel()

### Messages

[UMLSequenceMessage](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceMessage.html) represent communication between participants and are displayed as arrows connecting lifelines.
[UMLSequenceMessage](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceMessage.html) represent communication between participants and is displayed as arrows connecting lifelines.

#### Types of Messages

Expand All @@ -110,7 +110,7 @@ The [UMLSequenceMessageType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xa

#### Creating Messages

To create messages in your sequence diagram:
To create messages in your UML Sequence Diagram:

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -304,7 +304,7 @@ SfDiagram Diagram = new SfDiagram();

#### Creating Activation Boxes

To create activation boxes in your sequence diagram:
To create activation boxes in your UML Sequence Diagram:

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -425,7 +425,7 @@ Diagram.Model = new UMLSequenceDiagramModel()

### Fragments

[UMLSequenceFragment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragment.html) groups a set of messages based on specific conditions in a sequence diagram. They are displayed as rectangular enclosures that visually separate conditional or looping interactions.
[UMLSequenceFragment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragment.html) groups a set of messages based on specific conditions in a UML Sequence Diagram. They are displayed as rectangular enclosures that visually separate conditional or looping interactions.

#### Types of Fragments

Expand All @@ -439,7 +439,7 @@ The [UMLSequenceFragmentType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.X

#### Creating Fragments

To create fragments in your sequence diagram, you will need to use the `UMLSequenceFragment` to define fragments and the [UMLSequenceFragmentCondition](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragmentCondition.html) to specify each condition block within those fragments.
To create fragments in your UML Sequence Diagram, you will need to use the `UMLSequenceFragment` to define fragments and the [UMLSequenceFragmentCondition](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragmentCondition.html) to specify each condition block within those fragments.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -695,7 +695,7 @@ Diagram.Model = new UMLSequenceDiagramModel()
| MessageIds | IEnumerable\<object\> | Collection of message IDs included in this condition section |
| Fragments | IEnumerable\<UMLSequenceFragment\> | Collection of nested fragments (for complex structures) |

### Customizing Participant Spacing in Sequence Diagram
### Customizing Participant Spacing in UML Sequence Diagram

The [SpaceBetweenParticipants](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceDiagramModel.html#Syncfusion_UI_Xaml_Diagram_UMLSequenceDiagramModel_SpaceBetweenParticipants) property in `UMLSequenceDiagramModel` controls the horizontal gap between participants. The default value is 100, but you can adjust it as needed.

Expand Down Expand Up @@ -727,13 +727,13 @@ The [SpaceBetweenParticipants](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.
// Intialize Diagram
SfDiagram Diagram = new SfDiagram();

// Initialize the sequence diagram model with custom spacing and predefined elements
// Initialize the UML Sequence Diagram model with custom spacing and predefined elements
Diagram.Model = new UMLSequenceDiagramModel()
{
SpaceBetweenParticipants = 300, // Sets the horizontal spacing between participants (default is 100)
Participants = participants, // List of participants in the sequence diagram
Participants = participants, // List of participants in the UML Sequence Diagram
Messages = messages, // List of messages exchanged between participants
Fragments = fragments // List of sequence diagram fragments (opt, alt, loop)
Fragments = fragments // List of UML Sequence Diagram fragments (opt, alt, loop)
};
{% endhighlight %}
{% endtabs %}
Expand Down
Loading