From fd0840c48913d26a08f7693e20f7e05fd9bf74ac Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:29:41 +0200
Subject: [PATCH 39/53] Update components/popup/overview.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/overview.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/overview.md b/components/popup/overview.md
index feb6b35e29..1d3778cddb 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -10,7 +10,7 @@ position: 0
# Blazor Popup Overview
-The
Blazor Popup component helps you to easily add popups to an element in your application. You can use to Telerik UI for Blazor Popup to display additional information. This article explains how to start using the component and describes its features.
+The
Blazor Popup component helps you easily display a popup for a target element (anchor) in your application. You can use to Telerik UI for Blazor Popup to display additional information. This article explains how to start using the component and describes its features.
## Creating Blazor Popup
From bf225b595e29ebb4b0e642fb1c602e9eeea0b020 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:29:46 +0200
Subject: [PATCH 40/53] Update components/popup/overview.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/overview.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/overview.md b/components/popup/overview.md
index 1d3778cddb..e9e5cf9644 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -15,7 +15,7 @@ The
Blazor P
## Creating Blazor Popup
1. Add the `` tag to a Razor file.
-1. Obtain a `@ref` of the component.
+1. Obtain the component reference through `@ref`.
1. Use the [Show](#popup-reference-and-methods) method to display the ``.
>caption Basic configuration of the Telerik Popup for Blazor
From 500c5280d3f38eb3d85ceecc3fadd5c39b95c9de Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:29:54 +0200
Subject: [PATCH 41/53] Update components/popup/overview.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/overview.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/overview.md b/components/popup/overview.md
index e9e5cf9644..65e8dc8f57 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -52,7 +52,7 @@ Use the available parameters to customize the animation type and its duration. [
## Popup Parameters
-The Blazor Popup provides parameters to configure the component. Also check the [Popup API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikPopup) for a full list of properties.
+The Blazor Popup provides parameters to configure the component. Also check the [Popup API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikPopup) for a full list of properties, methods and events.
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
From a6d81db194ecb5bbb6790cd92a305f2312e62095 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:30:20 +0200
Subject: [PATCH 42/53] Update components/popup/position-collision.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/position-collision.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index fcd3ad5bd4..a6dc3f98e5 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -18,7 +18,7 @@ You can customize how the popup and its anchor align with each other. You can us
### Anchor Alignment
-Use the available parameters to control which part of the Popup touches the anchor.
+Use the available parameters to control which part of the anchor touches the Popup.
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
From a095fb5d723f8d81756ff2fe1567d9ab3d7afc71 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:30:24 +0200
Subject: [PATCH 43/53] Update components/popup/position-collision.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/position-collision.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index a6dc3f98e5..2da58d2c37 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -44,7 +44,7 @@ Use the available parameters to control which side of the Popup is in contact wi
There are two collision modes available for the Popup component:
-* `Fit`—The Popup will be shifted until it is fully visible on the screen.
+* `Fit`—The Popup will shift until it is fully visible on the screen.
* `Flip`—The Popup will render on the other side of the anchor.
Use the available parameters to control how the Popup reacts to insufficient screen space.
From 92f2e6886defb13eb5da0094c61deecae456ce73 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:30:29 +0200
Subject: [PATCH 44/53] Update components/popup/animation.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/animation.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/animation.md b/components/popup/animation.md
index 75218bdcda..b8aea9f2a8 100644
--- a/components/popup/animation.md
+++ b/components/popup/animation.md
@@ -14,7 +14,7 @@ This article outlines the available settings that allow you to customize the ani
## Type
-You can change the way the Popup component flows in and out of the screen by setting the `AnimationType` parameter to a member of the `AnimationType` enum:
+You can change the way the Popup component shows and hides by setting the `AnimationType` parameter to a member of the `AnimationType` enum:
* `None`
* `Fade`
From a584cd74060cfe5d857dcb3815017b975d3323fe Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:30:35 +0200
Subject: [PATCH 45/53] Update components/popup/animation.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/animation.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/animation.md b/components/popup/animation.md
index b8aea9f2a8..584bed57b5 100644
--- a/components/popup/animation.md
+++ b/components/popup/animation.md
@@ -8,7 +8,7 @@ published: True
position: 35
---
-# Popup Animation Settings
+# Popup Animation
This article outlines the available settings that allow you to customize the animations when the Popup displays and hides.
From a95e3a5a955a47ca4c8358dc0dbedc222aa49306 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:41:39 +0200
Subject: [PATCH 46/53] Update components/popup/position-collision.md
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>
---
components/popup/position-collision.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index 2da58d2c37..c48dc80731 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -8,7 +8,7 @@ published: True
position: 10
---
-# Popup Position and Collision Settings
+# Popup Position and Collision
This article outlines the available settings which enable you to control the position of the Popup based on its anchor and dictate how the component responds to insufficient screen space.
From 9e362d12ff4e7647b5f813c556ea996baf9eb20b Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:46:06 +0200
Subject: [PATCH 47/53] chore(popup): remove standard html elements and use our
components and enhance the refresh description
---
components/popup/overview.md | 28 +++-------------------------
1 file changed, 3 insertions(+), 25 deletions(-)
diff --git a/components/popup/overview.md b/components/popup/overview.md
index 65e8dc8f57..81ef4d8ce5 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -25,21 +25,11 @@ The Blazor P
I am a Telerik Popup.
-
+
@code {
private TelerikPopup PopupRef { get; set; }
}
-
-
````
## Popup Positioning and Collision
@@ -86,21 +76,17 @@ To execute Popup methods, obtain a reference to the component instance with `@re
| Method | Description |
|---------|-------------|
-| `Refresh` | Use this method to programmatically re-render the Popup. |
+| `Refresh` | Use this method to programmatically re-render the Popup.
The Popup is rendered as a child of the `TelerikRootComponent`, instead of where it is declared. As a result, it doesn't automatically refresh when its content is updated. In such cases, the `Refresh` method comes in handy to ensure that the Popup content is up-to-date. |
| `Show` | Use this method to display the Popup. |
| `Hide` | Use this method to close the Popup. |
````CSHTML
-Show the Popup
+
I am a Telerik Popup!
-
-
@code {
private TelerikPopup PopupRef { get; set; }
@@ -109,14 +95,6 @@ To execute Popup methods, obtain a reference to the component instance with `@re
PopupRef.Show();
}
}
-
-
````
## Next Steps
From 7116cd9c8a70c173890eb0a0a7f666f7b3fc566c Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jan 2024 15:48:13 +0200
Subject: [PATCH 48/53] chore(popup): add the popup in config file
---
_config.yml | 3 +++
1 file changed, 3 insertions(+)
diff --git a/_config.yml b/_config.yml
index f992aa6ecc..7494e17405 100644
--- a/_config.yml
+++ b/_config.yml
@@ -268,6 +268,8 @@ navigation:
title: "Arc"
"*appbar":
title: "AppBar"
+ "*popup":
+ title: "Popup"
"*autocomplete":
title: "AutoComplete"
"*avatar":
@@ -627,6 +629,7 @@ intro_columns:
"Progress Bar": "progressbar-overview"
"Chunk Progress Bar": "chunkprogressbar-overview"
"Tooltip": "tooltip-overview"
+ "Popup": "popup-overview"
-
title: "Documents"
items:
From 9e8f8ac92eef5f270e5947208998f5104451ba36 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 29 Jan 2024 15:51:18 +0200
Subject: [PATCH 49/53] polishing
---
components/popup/animation.md | 2 +-
components/popup/overview.md | 12 ++++++------
components/popup/position-collision.md | 2 +-
3 files changed, 8 insertions(+), 8 deletions(-)
diff --git a/components/popup/animation.md b/components/popup/animation.md
index 584bed57b5..5906ba22c3 100644
--- a/components/popup/animation.md
+++ b/components/popup/animation.md
@@ -115,4 +115,4 @@ The following example lets you experiment with the available settings that contr
margin-top: 20px;
}
-````
\ No newline at end of file
+````
diff --git a/components/popup/overview.md b/components/popup/overview.md
index 81ef4d8ce5..978900c99a 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -49,16 +49,16 @@ The Blazor Popup provides parameters to configure the component. Also check the
| Parameter | Type | Description |
| ----------- | ----------- | ----------- |
| `AnchorHorizontalAlign` | `PopupAnchorHorizontalAlign` enum
(`Left`) | Defines how the anchor aligns with the Popup component on the horizontal plane. [Read more about Popup Positioning.]({%slug popup-position-collision%})|
-| `AnchorSelector` | `string` | Specifies the CSS selector targeting the element that the Popup uses as an anchor. |
+| `AnchorSelector` | `string` | The CSS selector for the anchor element of the Popup. |
| `AnchorVerticalAlign` | `PopupAnchorVerticalAlign` enum
(`Bottom`) | Defines how the anchor aligns with the Popup on the vertical plane. [Read more about Popup Positioning.]({%slug popup-position-collision%}). |
-| `AnimationDuration` | `int` | Defines the duration of the animation in milliseconds. [Read more about Popup animations.]({%slug popup-animation%}) |
-| `AnimationType` | `AnimationType` enum
(`SlideDown`) | Sets the type of animation when the component displays and hides. [Read more about Popup animations.]({%slug popup-animation%}) |
+| `AnimationDuration` | `int` | The duration of the animation in milliseconds. [Read more about Popup animations.]({%slug popup-animation%}) |
+| `AnimationType` | `AnimationType` enum
(`SlideDown`) | The type of animation when the component displays and hides. [Read more about Popup animations.]({%slug popup-animation%}) |
| `HorizontalAlign` | `PopupHorizontalAlign ` enum
(`Left`) | Determines if the left or the right side of the Popup will touch its anchor. [Read more about Popup Positioning.]({%slug popup-position-collision%}) |
| `HorizontalCollision` | `PopupCollision ` enum
(`Fit`) | Sets the behavior of the Popup when it doesn't fit in the viewport based on the horizontal plane. [Read more about Popup collision behavior.]({%slug popup-position-collision%}) |
-| `HorizontalOffset` | `double` | Sets the horizontal space between the Popup and its anchor in `pixels`. |
+| `HorizontalOffset` | `double` | The horizontal space between the Popup and its anchor in pixels. |
| `VerticalAlign` | `PopupVerticalAlign ` enum
(`Top`) | Determines if the Popup will touch the anchor with its top, bottom, or center. [Read more about Popup Positioning.]({%slug popup-position-collision%}) |
-| `VerticalCollision` | `PopupCollision ` enum
(`Flip`) | Sets the behavior of the Popup when it doesn't fit in the viewport based on the vertical plane. [Read more about Popup collision behavior.]({%slug popup-position-collision%}) |
-| `VerticalOffset` | `double` | Sets the vertical space between the Popup and its anchor in `pixels`. |
+| `VerticalCollision` | `PopupCollision ` enum
(`Flip`) | Defines the behavior of the Popup when it doesn't fit in the viewport based on the vertical plane. [Read more about Popup collision behavior.]({%slug popup-position-collision%}) |
+| `VerticalOffset` | `double` | The vertical space between the Popup and its anchor in `pixels`. |
### Styling and Appearance
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index c48dc80731..a4649e00e5 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -172,4 +172,4 @@ The following example lets you experiment with the available settings that contr
margin-top: 20px;
}
-````
\ No newline at end of file
+````
From ee245a1d57a93eea1500d7ef3dae35333a85863e Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 29 Jan 2024 18:02:33 +0200
Subject: [PATCH 50/53] add See Also sections
---
components/popup/animation.md | 5 +++++
components/popup/position-collision.md | 5 +++++
2 files changed, 10 insertions(+)
diff --git a/components/popup/animation.md b/components/popup/animation.md
index 5906ba22c3..dac5394b56 100644
--- a/components/popup/animation.md
+++ b/components/popup/animation.md
@@ -116,3 +116,8 @@ The following example lets you experiment with the available settings that contr
}
````
+
+## See Also
+
+* [Live Popup Demos](https://demos.telerik.com/blazor-ui/popup/overview)
+* [Popup API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikPopup)
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index a4649e00e5..9394abf15d 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -173,3 +173,8 @@ The following example lets you experiment with the available settings that contr
}
````
+
+## See Also
+
+* [Live Popup Demos](https://demos.telerik.com/blazor-ui/popup/overview)
+* [Popup API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikPopup)
From bfac74e609f2eca8a3083f4131398b474b28ddb9 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 29 Jan 2024 18:04:35 +0200
Subject: [PATCH 51/53] Update components/popup/position-collision.md
Co-authored-by: Iva Stefanova Koevska-Atanasova
---
components/popup/position-collision.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/position-collision.md b/components/popup/position-collision.md
index 9394abf15d..6c9feebc24 100644
--- a/components/popup/position-collision.md
+++ b/components/popup/position-collision.md
@@ -10,7 +10,7 @@ position: 10
# Popup Position and Collision
-This article outlines the available settings which enable you to control the position of the Popup based on its anchor and dictate how the component responds to insufficient screen space.
+This article outlines how to control the position of the Popup based on its anchor and dictate how the component responds to insufficient screen space.
## Position
From c4a0b7e3dbc18d229bd3a925ff9803725647c423 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 29 Jan 2024 18:05:00 +0200
Subject: [PATCH 52/53] Update components/popup/animation.md
Co-authored-by: Iva Stefanova Koevska-Atanasova
---
components/popup/animation.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/animation.md b/components/popup/animation.md
index dac5394b56..006de0b1cc 100644
--- a/components/popup/animation.md
+++ b/components/popup/animation.md
@@ -10,7 +10,7 @@ position: 35
# Popup Animation
-This article outlines the available settings that allow you to customize the animations when the Popup displays and hides.
+This article outlines how to customize the animations when the Popup displays and hides.
## Type
From d316d8d048eaef2f0285930e985881ac3adc2003 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 29 Jan 2024 18:06:26 +0200
Subject: [PATCH 53/53] typo
---
components/popup/overview.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/popup/overview.md b/components/popup/overview.md
index 978900c99a..217f9d8394 100644
--- a/components/popup/overview.md
+++ b/components/popup/overview.md
@@ -10,7 +10,7 @@ position: 0
# Blazor Popup Overview
-The Blazor Popup component helps you easily display a popup for a target element (anchor) in your application. You can use to Telerik UI for Blazor Popup to display additional information. This article explains how to start using the component and describes its features.
+The Blazor Popup component helps you easily display a popup for a target element (anchor) in your application. You can use the Telerik UI for Blazor Popup to display additional information. This article explains how to start using the component and describes its features.
## Creating Blazor Popup