From a2a381474a3453f05bf2570d5ff0f296c30e94e6 Mon Sep 17 00:00:00 2001 From: RamyaSF4537 <163090322+RamyaSF4537@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:37:45 +0530 Subject: [PATCH 1/2] 892868: Sub topics --- blazor/diagram/connectors/segments/bezier/bezier.md | 2 +- blazor/diagram/tool-tip.md | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/blazor/diagram/connectors/segments/bezier/bezier.md b/blazor/diagram/connectors/segments/bezier/bezier.md index 35087320e5..f3ee580478 100644 --- a/blazor/diagram/connectors/segments/bezier/bezier.md +++ b/blazor/diagram/connectors/segments/bezier/bezier.md @@ -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. diff --git a/blazor/diagram/tool-tip.md b/blazor/diagram/tool-tip.md index 345dd4dd91..ccc7e61baf 100644 --- a/blazor/diagram/tool-tip.md +++ b/blazor/diagram/tool-tip.md @@ -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. @@ -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. @@ -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. From ce1bfe18d45aafb2ae3c2e16bb55274248487675 Mon Sep 17 00:00:00 2001 From: RamyaSF4537 <163090322+RamyaSF4537@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:55:26 +0530 Subject: [PATCH 2/2] 892868: Sub topics --- blazor/diagram/connectors/segments/straight.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/diagram/connectors/segments/straight.md b/blazor/diagram/connectors/segments/straight.md index b39f83d5bc..18acbcf426 100644 --- a/blazor/diagram/connectors/segments/straight.md +++ b/blazor/diagram/connectors/segments/straight.md @@ -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.