From efe79e7acfbdcae4ded64be3659d843313a4e2dd Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Thu, 25 Jul 2024 15:41:53 +0300
Subject: [PATCH 1/2] Update the code snippet in the Navigate from Button KB

---
 knowledge-base/common-navigate-from-button.md | 37 ++++++++++++++-----
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/knowledge-base/common-navigate-from-button.md b/knowledge-base/common-navigate-from-button.md
index 7a12e6ca61..aa6498bdeb 100644
--- a/knowledge-base/common-navigate-from-button.md
+++ b/knowledge-base/common-navigate-from-button.md
@@ -35,15 +35,34 @@ You can style anchors to look like Telerik buttons through the `k-button` CSS cl
 
 >caption Open a new browser window from a button
 
-![make links look like buttons](images/links-like-buttons.png)
-
 ````CSHTML
-<a class="k-button" href="/fetchdata">Fetch Data</a>
-<br /><br />
-<NavLink class="k-button" href="/counter">Counter</NavLink>
-<br /><br />
-<a class="k-button" target="_blank" href="https://www.telerik.com">telerik.com in new window</a>
-<br /><br />
-<NavLink class="k-button" target="_blank" href="https://www.google.com">Google in new window</NavLink>
+@inject NavigationManager NavManager
+@inject IJSRuntime JS
+
+<TelerikButton OnClick="@OnButtonClick">Navigate to telerik.com in the same window</TelerikButton>
+
+<br />
+
+<TelerikButton OnClick="@OnButtonClickAsync">Navigate to telerik.com with IJSRuntime in a new window</TelerikButton>
+
+<br />
+
+<NavLink class="k-button k-button-solid k-rounded-md k-button-md k-button-solid-base"
+         target="_blank"
+         href="https://www.google.com">
+    Google in new window
+</NavLink>
+
+@code{
+    private void OnButtonClick()
+    {
+        NavManager.NavigateTo("https://www.telerik.com");
+    }
+
+    private async Task OnButtonClickAsync()
+    {
+        await JS.InvokeVoidAsync("open", "https://www.telerik.com", "_blank");
+    }
+}
 ````
 

From 6c6d1ab33c13515d8cfcad369bf60a00fc450028 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Fri, 26 Jul 2024 12:30:49 +0300
Subject: [PATCH 2/2] Update knowledge-base/common-navigate-from-button.md

Co-authored-by: Nadezhda Tacheva <73842592+ntacheva@users.noreply.github.com>
---
 knowledge-base/common-navigate-from-button.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/knowledge-base/common-navigate-from-button.md b/knowledge-base/common-navigate-from-button.md
index aa6498bdeb..65dfd84e46 100644
--- a/knowledge-base/common-navigate-from-button.md
+++ b/knowledge-base/common-navigate-from-button.md
@@ -43,7 +43,7 @@ You can style anchors to look like Telerik buttons through the `k-button` CSS cl
 
 <br />
 
-<TelerikButton OnClick="@OnButtonClickAsync">Navigate to telerik.com with IJSRuntime in a new window</TelerikButton>
+<TelerikButton OnClick="@OnButtonClickAsync">Navigate to telerik.com in a new window using JSInterop</TelerikButton>
 
 <br />