Skip to content

892868: Sub topics #4924

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.

Sign up for GitHub

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 2 commits into from
Sep 23, 2024
Merged

892868: Sub topics #4924

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a2a3814
892868: Sub topics
RamyaSF4537 Sep 23, 2024
ce1bfe1
892868: Sub topics
RamyaSF4537 Sep 23, 2024
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
2 changes: 1 addition & 1 deletion blazor/diagram/connectors/segments/bezier/bezier.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -244,7 +244,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync

![Avoid overlapping with bezier](../../../images/bezierOverlap.png)

### How to customize Bezier Segment Thumb Shape
## How to customize Bezier Segment Thumb Shape

The Bezier connector can have multiple segments between the source and target points. By default, these segments are rendered as circles, but this can be customized either globally or for individual connectors using the [SegmentThumbSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SegmentThumbSettings.html) class.

Expand Down
2 changes: 1 addition & 1 deletion blazor/diagram/connectors/segments/straight.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync

![Editing Straight Segment in Blazor Diagram](../../images/blazor-diagram-edit-straight-segment.gif)

### How to customize Straight Segment Thumb Shape
## How to customize Straight Segment Thumb Shape

The Straight connector can have multiple segments between the source and target points. By default, these segments are rendered as circles, but this can be customized either globally or for individual connectors using the [SegmentThumbSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SegmentThumbSettings.html) class.

Expand Down
6 changes: 3 additions & 3 deletions blazor/diagram/tool-tip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -833,7 +833,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync

For more information about tooltip, refer to [Tooltip](https://blazor.syncfusion.com/documentation/diagram/tool-tip)

### How to set tooltip for user handles
## How to set tooltip for user handles

The Diagram component supports displaying tooltips when the mouse hovers over any [UserHandle](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SelectorConstraints.html#Syncfusion_Blazor_Diagram_SelectorConstraints_UserHandle). To achieve this, you need to configure the `Tooltip` property of the `UserHandle` to include the tooltip [Content](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.DiagramTooltip.html#Syncfusion_Blazor_Diagram_DiagramTooltip_Content) and set its [Position](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.DiagramTooltip.html#Syncfusion_Blazor_Diagram_DiagramTooltip_Position) appropriately. This configuration ensures that relevant information is displayed at the correct position relative to the handle when users hover over it.

Expand Down Expand Up @@ -991,7 +991,7 @@ The diagram supports displaying tooltips when the mouse hovers over any [FixedUs
You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/Blazor-Diagram-Examples/tree/master/UG-Samples/UserHandle/FixedUserHandleTooltip)
![Tooltip for UserHandle](images/FixedUserHandleTooltip.gif)

## How to set sticky tooltip for fixed user handles
### How to set sticky tooltip for fixed user handles

With this mode set to `true`, Tooltips for fixed user handles can be made to show up on the screen as long as the close icon is pressed. In this mode, close icon is attached to the Tooltip located at the top right corner. This mode can be enabled or disabled using the `IsSticky` property in tooltip. By default, the value of the IsSticky property is set to false.

Expand Down Expand Up @@ -1115,7 +1115,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync

![ToolTip During hover the port](./images/PortTooltip.gif )

## How to set sticky tooltip for ports
### How to set sticky tooltip for ports

You can configure tooltips for ports to remain visible until the close icon is pressed. This feature is known as a "sticky" tooltip. When sticky mode is enabled, a close icon appears at the top right corner of the tooltip, allowing users to manually close it.

Expand Down