From 286abbc51b6786ee668a36cf6af2e71b520dad1d Mon Sep 17 00:00:00 2001
From: KB Bot <kb-bot@telerik.com>
Date: Fri, 29 Nov 2024 12:01:34 +0000
Subject: [PATCH 1/2] Added new kb article wizard-text-wrapping

---
 knowledge-base/wizard-text-wrapping.md | 71 ++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 knowledge-base/wizard-text-wrapping.md

diff --git a/knowledge-base/wizard-text-wrapping.md b/knowledge-base/wizard-text-wrapping.md
new file mode 100644
index 0000000000..83a4d00cd0
--- /dev/null
+++ b/knowledge-base/wizard-text-wrapping.md
@@ -0,0 +1,71 @@
+---
+title: Wizard Text Wrapping
+description: This article demonstrates how to allow text wrapping for step labels in the Telerik UI for Blazor Wizard component to ensure full text visibility.
+type: how-to
+page_title: How to Enable Text Wrapping in Wizard Step Labels - Telerik UI for Blazor
+slug: wizard-text-wrapping
+tags: css, blazor, wizard, text, wrap, ui, telerik
+res_type: kb
+ticketid: 1671064
+---
+
+## Environment
+
+<table>
+    <tbody>
+	    <tr>
+	    	<td>Product</td>
+	    	<td>Wizard for Blazor</td>
+	    </tr>
+    </tbody>
+</table>
+
+## Description
+
+I am wondering if there's a way to allow the `TelerikWizard` to show the full text. For instance, step labels in my Wizard component are getting cut off, and I wish to display the complete text by wrapping it onto the next line.
+
+## Solution
+
+To ensure that the text within the wizard steps wraps properly and the full text is displayed, apply the following CSS styles.
+
+>caption These styles allow the text to wrap within the wizard steps and break words if necessary to fit the content within the available space.
+
+````RAZOR
+<style>
+    .k-wizard .k-step .k-step-text {
+        white-space: normal; /* Allow text to wrap */
+        word-wrap: break-word; /* Break words if necessary */
+    }
+</style>
+
+<TelerikWizard @bind-Value="@WizardValue">
+    <WizardSteps>
+        <WizardStep Label="Start Start Start Start Start" Icon="@SvgIcon.Gear">
+            <Content>
+                <p>Welcome to the Wizard!</p>
+            </Content>
+        </WizardStep>
+        <WizardStep Label="Survey Survey Survey Survey Survey" Icon="@SvgIcon.Pencil">
+            <Content>
+                <p>The user is performing some actions...</p>
+            </Content>
+        </WizardStep>
+        <WizardStep Label="Finish" Icon="SvgIcon.Check">
+            <Content>
+                <p>Thank you!</p>
+            </Content>
+        </WizardStep>
+    </WizardSteps>
+</TelerikWizard>
+
+<p><strong>Wizard Value: @WizardValue</strong></p>
+
+@code {
+    private int WizardValue { get; set; }
+}
+````
+
+## See Also
+
+- [Wizard Overview](https://docs.telerik.com/blazor-ui/components/wizard/overview)
+- [Override the Theme or Apply Custom CSS Styles]({%slug themes-override%})

From 2aa709aaefdf37323babb8f7aa699d4089098573 Mon Sep 17 00:00:00 2001
From: Hristian Stefanov <Hristian.Stefanov@progress.com>
Date: Fri, 29 Nov 2024 17:15:54 +0200
Subject: [PATCH 2/2] kb(Wizard): address comments

---
 ...xt-wrapping.md => wizard-wrap-step-label-text.md} | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)
 rename knowledge-base/{wizard-text-wrapping.md => wizard-wrap-step-label-text.md} (72%)

diff --git a/knowledge-base/wizard-text-wrapping.md b/knowledge-base/wizard-wrap-step-label-text.md
similarity index 72%
rename from knowledge-base/wizard-text-wrapping.md
rename to knowledge-base/wizard-wrap-step-label-text.md
index 83a4d00cd0..37e8599c11 100644
--- a/knowledge-base/wizard-text-wrapping.md
+++ b/knowledge-base/wizard-wrap-step-label-text.md
@@ -3,10 +3,10 @@ title: Wizard Text Wrapping
 description: This article demonstrates how to allow text wrapping for step labels in the Telerik UI for Blazor Wizard component to ensure full text visibility.
 type: how-to
 page_title: How to Enable Text Wrapping in Wizard Step Labels - Telerik UI for Blazor
-slug: wizard-text-wrapping
-tags: css, blazor, wizard, text, wrap, ui, telerik
+slug: wizard-kb-wrap-step-label-text
+tags: telerik, blazor, wizard, css, styles
 res_type: kb
-ticketid: 1671064
+ticketid: 1671064, 1574805, 1527700
 ---
 
 ## Environment
@@ -22,13 +22,13 @@ ticketid: 1671064
 
 ## Description
 
-I am wondering if there's a way to allow the `TelerikWizard` to show the full text. For instance, step labels in my Wizard component are getting cut off, and I wish to display the complete text by wrapping it onto the next line.
+How to allow the `TelerikWizard` to show the full text of the step labels. For instance, step labels in my Wizard component are getting cut off, and I wish to display the complete text by wrapping it onto the next line.
 
 ## Solution
 
-To ensure that the text within the wizard steps wraps properly and the full text is displayed, apply the following CSS styles.
+To wrap the Wizard step labels and display the full text, apply custom CSS styles. These styles allow the text to wrap in the Wizard steps and break words if necessary to fit the content within the available space.
 
->caption These styles allow the text to wrap within the wizard steps and break words if necessary to fit the content within the available space.
+>caption Wrap Wizard step label text
 
 ````RAZOR
 <style>